/* ==========================================================================
   Z dílny — stránka případu. JEDINÉ místo, kde se mění vzhled všech případů.
   Šablona: single-pripad_z_dilny.php · Lupa štítku: z-dilny-pripad.js
   Vše je pod .zdp, aby styly nezasahovaly do hlavičky a patičky webu.
   ========================================================================== */
/* Písmo čísel (JetBrains Mono, proměnná váha 500–700) — audit 1. 10. 2026, bod 10. Montserrat a Nunito
   načítá motiv (všechny váhy 400–900), Z dílny je už nenačítá podruhé. Tady jen @font-face na soubory
   Google (fonts.gstatic.com, preconnect dává motiv), bez další blokující CSS. Jen latin + latin-ext (čeština). */
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwgknk-6nFg.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwgknk-4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
.zdp{
  --bg: oklch(0.985 0.004 85);
  --paper: oklch(0.998 0.002 85);
  --ink: oklch(0.23 0.012 70);
  --ink-2: oklch(0.42 0.012 70);
  --muted: oklch(0.56 0.01 70);
  --line: oklch(0.905 0.008 80);
  --accent: #F0B053;
  --accent-soft: #FEF4E6;
  --accent-ink: oklch(0.52 0.12 62);
  --night: oklch(0.2 0.01 70);
  --display: 'Montserrat', system-ui, sans-serif;
  --body: 'Nunito', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --wrap: 1180px;
  display:block;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip;width:100%;max-width:none;margin:0;padding:0;text-align:left
}
.zdp *,.zdp *::before,.zdp *::after{box-sizing:border-box}
.zdp img{display:block;max-width:100%}
.zdp a{color:inherit}
.zdp .wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.zdp .num{font-family:var(--mono);font-weight:500;letter-spacing:0.01em}
.zdp h1,.zdp h2,.zdp h3{font-family:var(--display);letter-spacing:-0.025em;margin:0;padding:0;text-wrap:balance;color:inherit;text-transform:none}
.zdp p{text-wrap:pretty}
.zdp ol,.zdp dl{margin:0;padding:0}
.zdp .kicker{font:600 12px/1 var(--display);letter-spacing:0.14em;text-transform:uppercase;color:var(--accent-ink)}
.zdp .crumbs{font:500 13px/1 var(--display);color:var(--muted);display:flex;gap:8px;margin:0 0 22px}
.zdp .crumbs a{text-decoration:none;white-space:nowrap}
.zdp .crumbs b{color:var(--ink);font-weight:600}

/* ---------- 1+2 hero: reálný případ ---------- */
.zdp .hero{padding:28px 0 8px}
.zdp .hero-grid{display:grid;gap:28px}
.zdp .hero h1{font-weight:700;font-size:clamp(28px, calc(2.6vw + 18px), 40px);line-height:1.08;margin:14px 0 16px}
/* Výrobní číslo druhým řádkem v H1 (1. 10. 2026): strojové písmo jako v liště dole, šedé, menší. */
.zdp .hero h1 .h1-nazev,.zdp .hero h1 .h1-cislo{display:block}
.zdp .hero h1 .h1-cislo{margin-top:8px;font:700 clamp(17px, calc(0.6vw + 15px), 22px)/1.15 var(--mono);letter-spacing:.02em;color:var(--muted);overflow-wrap:anywhere}
/* Název začíná číslem (13. 10. 2026, kap. 19.10): číslo prvním řádkem, tmavé jako text, mezera pod ním. */
.zdp .hero h1 .h1-cislo--prvni{margin:0 0 8px;color:var(--ink)}
/* Vozidla pod nadpisem (1. 10. 2026): oranžové štítky jako slide 1 na sítích, „+ další“ bílý s obrysem. */
.zdp .vozy{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.zdp .vozy li{margin:0;padding:6px 13px;border-radius:999px;background:#F9A829;color:var(--ink);font:700 14px/1.2 var(--display);letter-spacing:-0.005em;white-space:nowrap}
.zdp .vozy li[hidden]{display:none}
.zdp .vozy .vozy-dalsi-li{padding:0;background:none}
.zdp .vozy-dalsi{display:block;margin:0;padding:4px 11px;border:2px solid #F9A829;border-radius:999px;background:#fff;color:var(--ink);font:700 14px/1.2 var(--display);cursor:pointer}
.zdp .vozy-dalsi:hover{background:var(--accent-soft)}
.zdp .vozy-dalsi:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (min-width:900px){.zdp .vozy{gap:10px;margin-bottom:22px}.zdp .vozy li{padding:7px 15px;font-size:15px}.zdp .vozy-dalsi{padding:5px 13px;font-size:15px}}
.zdp .answer{font-size:18px;line-height:1.55;color:var(--ink-2);max-width:56ch;margin:0}
/* Opakované číslo (11. 10. 2026): „Tuto jednotku jsme v dílně řešili už N×.“ pod úvodem, od 2 kusů. */
.zdp .opakovani{display:flex;align-items:center;gap:8px;margin:14px 0 0;font:600 15px/1.4 var(--display);color:var(--ink)}
.zdp .opakovani svg{flex:0 0 18px;width:18px;height:18px;color:#F9A829}
/* Výzva pod úvodem vedle fotky (2. 10. 2026): jen počítač ≥ 900 px, na mobilu je lišta dole. */
.zdp .hero-vyzva{display:none}
@media (min-width:900px){
  .zdp .hero-vyzva{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;max-width:56ch;padding:12px 12px 12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:20px}
  .zdp .hv-wa{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ink)}
  .zdp .hv-ikona{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#25D366;color:#0B2E17}
  .zdp .hv-ikona .zdw-i{width:22px;height:22px}
  .zdp .hv-texty{display:flex;flex-direction:column;gap:3px;min-width:0}
  .zdp .hv-hl{font:600 14px/1.2 var(--display);color:var(--ink-2)}
  .zdp .hv-wa .zdw-c{font:700 19px/1.15 var(--display);letter-spacing:-0.01em;color:var(--ink)}
  .zdp .hv-wa:hover .zdw-c{text-decoration:underline;text-underline-offset:4px}
  .zdp .hv-poptat{flex:none;padding:13px 20px;font-size:15px}
}
.zdp .plate{position:relative;background:#fff;border-radius:28px;border:1px solid var(--line);box-shadow:0 30px 60px -30px oklch(0.4 0.03 70 / 0.25);padding:6% 5% 5%;margin:0}
.zdp .plate .unit{width:100%;height:auto}
.zdp .plate .tag{position:absolute;width:32%;right:4%;bottom:-24px;height:auto;transform:rotate(-5deg);filter:drop-shadow(0 10px 18px oklch(0.4 0.05 60 / 0.28))}
/* Štítek na fotce — minimalistická verze (2. 10. 2026, přepínač zdp_foto_stitek=mini): stejný kompaktní štítek
   jako v okně poptávky, rovně uvnitř karty v pravém dolním rohu, ~čtvrtina šířky fotky, bez bílého okraje, jen jemný
   stín. Proporce z .etk--mini (112 px) přepočtené na šířku štítku, takže drží tvar v každé velikosti. */
.zdp .plate .etk--foto{position:absolute;right:12px;bottom:12px;width:clamp(84px,23%,150px);max-width:none;margin:0;container-type:inline-size;filter:drop-shadow(0 4px 10px oklch(0.4 0.05 60 / 0.22));pointer-events:none}
.zdp .etk--foto .etk-logo{width:55.4cqw;margin:0 auto -8cqw}
.zdp .etk--foto .etk-ram{border-radius:6.25cqw;padding:13.4cqw 2.7cqw 2.7cqw}
.zdp .etk--foto .etk-pole{border-radius:4.5cqw;padding:3.6cqw 4.5cqw 2.7cqw}
.zdp .etk--foto .etk-cislo{font-size:11.2cqw;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.zdp .etk--foto .etk-kod{width:100%;height:11.6cqw;margin:1.8cqw 0 .9cqw}
.zdp .plate .real{position:absolute;left:16px;top:14px;font:600 11px/1 var(--display);letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:7px}
.zdp .plate .real i{width:7px;height:7px;border-radius:50%;background:oklch(0.68 0.15 150);animation:zdp-ping 2.4s var(--ease) infinite}
@keyframes zdp-ping{0%{box-shadow:0 0 0 0 oklch(0.68 0.15 150 / .45)}70%,100%{box-shadow:0 0 0 9px oklch(0.68 0.15 150 / 0)}}

.zdp .facts{display:grid;margin:24px 0 0;border-top:1px solid var(--line)}
.zdp .fact{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr;gap:4px}
.zdp .fact dt{font:600 12px/1.3 var(--display);letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}
.zdp .fact dd{margin:0;font-weight:600;line-height:1.45}

/* ---------- 3 štítek zblízka ---------- */
.zdp .label-sec{background:var(--night);color:oklch(0.95 0.005 85);margin-top:64px;padding:56px 0 60px;position:relative;overflow:hidden}
.zdp .label-sec::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 30% 30%, oklch(0.32 0.03 70 / .55), transparent 70%);pointer-events:none}
.zdp .label-sec .wrap{position:relative}
.zdp .label-sec .kicker{color:var(--accent)}
.zdp .label-sec h2{font-size:clamp(26px, 6vw, 42px);line-height:1.08;margin:12px 0 10px;font-weight:700;color:oklch(0.95 0.005 85)}
.zdp .label-sec .lede{color:oklch(0.78 0.01 80);max-width:52ch;margin:0 0 30px}
.zdp .stage{position:relative;margin-top:30px}
.zdp .stage.has-lens{margin-top:150px}
.zdp .strip{position:relative;border-radius:16px;overflow:hidden;background:#ddd;box-shadow:0 0 0 1px oklch(1 0 0 / .08), 0 30px 60px -20px oklch(0 0 0 / .6)}
.zdp .has-lens .strip{cursor:crosshair;touch-action:pan-y}
.zdp .strip img{user-select:none;-webkit-user-drag:none}
.zdp .strip--plain img{width:100%;height:auto}
.zdp .pin{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--accent);color:var(--night);font:700 12px/24px var(--mono);text-align:center;box-shadow:0 0 0 4px oklch(0.2 0.01 70 / .35)}
@media (max-width:599px){.zdp .pin{width:18px;height:18px;margin:-9px 0 0 -9px;font-size:10px;line-height:18px;box-shadow:0 0 0 3px oklch(0.2 0.01 70 / .35)}}
.zdp .lens{position:absolute;left:0;top:0;width:240px;height:74px;border-radius:999px;background-color:#eee;background-repeat:no-repeat;box-shadow:0 0 0 3px #fff, 0 0 0 4px oklch(0 0 0 / .2), 0 24px 40px -10px oklch(0 0 0 / .7);pointer-events:none;will-change:transform;animation:zdp-lens .9s var(--ease) .35s both}
.zdp .lens::after{content:"";position:absolute;left:50%;bottom:-13px;width:2px;height:12px;margin-left:-1px;background:#fff;border-radius:2px}
.zdp .lens-cap{position:absolute;left:0;top:0;white-space:nowrap;font:600 11px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);pointer-events:none;animation:zdp-lens .9s var(--ease) .45s both}
@keyframes zdp-lens{from{opacity:0;translate:0 10px;scale:.92}to{opacity:1;translate:0 0;scale:1}}
.zdp .hint{font:500 13px/1 var(--display);color:oklch(0.7 0.01 80);margin:14px 0 0;display:flex;gap:8px;align-items:center}
.zdp .readout{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:0;border-top:1px solid oklch(1 0 0 / .12)}
.zdp .readout li{display:grid;grid-template-columns:30px 1fr;gap:4px 12px;padding:16px 0;margin:0;border-bottom:1px solid oklch(1 0 0 / .12);transition:background .3s var(--ease)}
.zdp .readout li[data-x]{cursor:pointer}
.zdp .readout li[data-x]:hover{background:oklch(1 0 0 / .03)}
.zdp .readout .n{grid-row:span 2;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--night);font:700 12px/24px var(--mono);text-align:center;margin-top:3px}
.zdp .readout .v{font:700 clamp(21px, 5.4vw, 28px)/1.15 var(--mono);letter-spacing:.02em;color:#fff;word-break:break-all}
.zdp .readout .d{font-size:15px;color:oklch(0.75 0.01 80)}
.zdp .readout .d b{color:oklch(0.92 0.01 80);font-weight:600}

/* ---------- 4 jak se porucha projevuje ---------- */
.zdp .sec{padding:64px 0 0}
.zdp .sec h2{font-size:clamp(26px, 6vw, 40px);line-height:1.1;font-weight:700;margin:12px 0 10px}
.zdp .sec .lede{color:var(--ink-2);max-width:60ch;margin:0 0 24px}
.zdp .symptoms{border-top:1px solid var(--line)}
.zdp .sym{display:grid;gap:4px;padding:18px 0;border-bottom:1px solid var(--line)}
.zdp .sym .q{font:600 18px/1.35 var(--display);letter-spacing:-0.01em}
.zdp .sym .q a{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:4px}
.zdp .sym .q a:hover{text-decoration-color:var(--ink-2)}
.zdp .sym .a{color:var(--ink-2);display:flex;gap:10px;align-items:baseline}
.zdp .sym .a::before{content:"";flex:0 0 14px;height:2px;background:var(--accent);transform:translateY(-4px)}
/* ilustrace tématu (1. 10. 2026, zmenšeno): malý čtverec vpravo od nadpisu, mobil 110 px, počítač 160 px */
.zdp .zdp-hlava{display:flex;align-items:flex-start;gap:16px}
.zdp .zdp-hlava-t{flex:1 1 auto;min-width:0}
.zdp .zdp-ilu-m{flex:0 0 auto;width:110px;height:110px;border-radius:14px;background:#F6EFE2}
@media (min-width:600px){.zdp .zdp-hlava{gap:24px}.zdp .zdp-ilu-m{width:160px;height:160px;border-radius:18px}}
@media (min-width:900px){.zdp .split:has(.zdp-ilu-m){grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.zdp .source{font-size:13px;color:var(--muted);margin:14px 0 0;max-width:70ch}

/* ---------- 5 postup ---------- */
.zdp .steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:zdps}
.zdp .steps li{position:relative;padding:0 0 26px 58px;margin:0}
.zdp .steps li::before{counter-increment:zdps;content:"0" counter(zdps);position:absolute;left:0;top:-2px;font:700 15px/1 var(--mono);color:var(--accent-ink);background:var(--accent-soft);border-radius:10px;padding:9px 8px}
.zdp .steps li::after{content:"";position:absolute;left:18px;top:38px;bottom:4px;width:1.5px;background:var(--line)}
.zdp .steps li:last-child::after{display:none}
.zdp .steps h3{font-size:18px;font-weight:600;letter-spacing:-0.01em;margin:4px 0 4px}
.zdp .steps p{margin:0;color:var(--ink-2)}
/* ilustrace kroku (1. 10. 2026): mobil 44 px, počítač 56 px vlevo od názvu místo číslovaného rámečku, číslo drobně nad ní, text se zalamuje vedle */
.zdp .steps li.s-ikonou{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;padding:0 0 24px 0}
.zdp .steps li.s-ikonou::before{content:none}
.zdp .steps li.s-ikonou::after{left:27.25px;top:74px;bottom:6px}
.zdp .zdp-krok-z{display:flex;flex-direction:column;align-items:center;gap:3px}
.zdp .zdp-krok-c{font:600 11px/1 var(--mono);color:var(--accent-ink);letter-spacing:0.04em}
.zdp .zdp-krok-z img{width:56px;height:56px;border-radius:12px;background:#F6EFE2}
.zdp .zdp-krok-t{min-width:0;padding-top:30px}
.zdp .steps li.s-ikonou h3{line-height:1.35;margin:0 0 4px}
@media (min-width:600px){
  .zdp .steps li.s-ikonou{grid-template-columns:72px minmax(0,1fr);column-gap:20px}
  .zdp .steps li.s-ikonou::after{left:35.25px;top:94px}
  .zdp .zdp-krok-z{gap:4px}
  .zdp .zdp-krok-c{font-size:12px}
  .zdp .zdp-krok-z img{width:72px;height:72px;border-radius:14px}
  .zdp .zdp-krok-t{padding-top:40px}
}

/* ---------- 6 FAQ ---------- */
.zdp .faq{border-top:1px solid var(--line)}
.zdp .faq details{border-bottom:1px solid var(--line)}
.zdp .faq summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;position:relative;font:600 18px/1.35 var(--display);letter-spacing:-0.01em}
.zdp .faq summary::-webkit-details-marker{display:none}
.zdp .faq summary::after{content:"";position:absolute;right:6px;top:50%;width:11px;height:11px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-70%) rotate(45deg);transition:transform .4s var(--ease)}
.zdp .faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.zdp .faq p{margin:0 0 20px;color:var(--ink-2);max-width:62ch}

/* ---------- 7 výzva ---------- */
.zdp .cta{margin-top:64px;background:var(--accent-soft);border-radius:28px;padding:32px 24px;display:grid;gap:18px;align-items:center}
.zdp .cta h2{font-size:clamp(24px, 5.6vw, 34px);line-height:1.1;font-weight:700}
.zdp .cta p{margin:6px 0 0;color:var(--ink-2)}
.zdp .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font:600 16px/1 var(--display);padding:17px 24px;border-radius:999px;transition:transform .25s var(--ease), background .25s}
.zdp .btn:hover{background:oklch(0.3 0.012 70);color:#fff}
.zdp .btn:active{transform:scale(.98)}
.zdp .btn svg{width:18px;height:18px}
/* Výzva: WhatsApp první, formulář druhý (audit bod 1, 1. 10. 2026). Mobil: zelené tlačítko + obrysové
   „Nezávazně poptat“; počítač ≥ 900 px: místo tlačítka číslo jako text (.zdw-d), pořád odkaz na wa.me. */
.zdp .cta-akce{display:flex;flex-direction:column;gap:10px;min-width:0}
.zdp .cta-akce > a{width:100%}
.zdp .btn--vedl{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.zdp .btn--vedl:hover{background:var(--ink);color:#fff}
.zdp .zdw{text-decoration:none;-webkit-tap-highlight-color:transparent}
.zdp .zdw-i{width:20px;height:20px;flex:none}
.zdp .zdw-m{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.zdp .zdw-d{display:none}
.zdp .zdw-c{font-weight:700;white-space:nowrap}
.zdp .zdw--btn{display:inline-flex;align-items:center;justify-content:center;background:#25D366;color:#0B2E17;font:700 16px/1.15 var(--display);padding:17px 22px;border-radius:999px;text-align:center;transition:transform .25s var(--ease), background .25s}
.zdp .zdw--btn:hover{background:#1EBE5A;color:#0B2E17}
.zdp .zdw--btn:active{transform:scale(.98)}
/* Řádek důvěry pod výzvou a v okně poptávky (audit bod 9): přes celou šířku výzvy, pod tenkou čarou. */
.zdp .zd-duvera{margin:0;color:var(--ink-2);font:600 13.5px/1.5 var(--display);letter-spacing:-0.005em;text-wrap:balance}
.zdp .cta .zd-duvera{grid-column:1/-1;padding-top:16px;border-top:1px solid oklch(0.62 0.06 70 / .22)}
.zdp .zd-duvera--okno{margin:-6px 0 0;font-size:13px;color:var(--muted)}
/* CTA ve vzhledu naší etikety ProfiECU (zkouška 30. 9.) — proporce 1:1 z label_v4.py
   (rám 690 jednotek = 100cqw: logo 420 šířka, přesah 124 nad rám, bílé pole 130 od horní hrany,
   okraj 17 po stranách a 20 dole, rádius 20/14). Barvy přímo z etikety, ne z palety webu. */
.zdp .etk{display:block;container-type:inline-size;max-width:560px;margin:40px auto 0;text-decoration:none;color:#1D1C19;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}
.zdp .etk-logo{display:block;position:relative;z-index:1;width:60.87cqw;margin:0 auto -8.99cqw}
.zdp .etk-logo img{width:100%;height:auto}
.zdp .etk-pole{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:2.03cqw;padding:1.74cqw 2.9cqw 3.2cqw;text-align:center}
.zdp .etk-ram{display:block;background:#F9A829;border-radius:2.9cqw;padding:18.84cqw 2.46cqw 2.9cqw}
.zdp .etk-cislo{font-weight:700;font-size:8.12cqw;line-height:1.2;letter-spacing:-0.01em;color:#1D1C19;max-width:100%;overflow-wrap:anywhere}
.zdp .etk-kod{display:block;width:78.26cqw;height:17cqw;margin:1.2cqw 0 2.2cqw}
.zdp .etk-kod svg{display:block;width:100%;height:100%;fill:#000}
.zdp .etk-hlavni{font-weight:600;font-size:max(15px, 4.35cqw);line-height:1.2;color:#1D1C19;text-wrap:balance}
.zdp .etk-info{font-weight:400;font-size:max(13px, 3.3cqw);line-height:1.35;color:#6E6E6E;margin-top:.9cqw;text-wrap:balance}
.zdp .etk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:78.26cqw;margin-top:3.6cqw;background:#1D1C19;color:#fff;font:600 max(15px, 3.2cqw)/1 var(--display);padding:max(15px, 2.9cqw) 20px;border-radius:999px;text-decoration:none;transition:background .25s}
.zdp .etk-btn svg{width:18px;height:18px}
.zdp .etk-btn:hover{background:oklch(0.3 0.012 70);color:#fff}
.zdp .etk-btn:active{transform:scale(.98)}
/* Audit bod 1: v etiketě WhatsApp (mobil zelené tlačítko, počítač číslo jako text) a pod ním obrysové „Nezávazně poptat“. */
.zdp .zdw--etk{display:inline-flex;align-items:center;justify-content:center;width:78.26cqw;margin-top:3.6cqw;background:#25D366;color:#0B2E17;font:700 clamp(13.5px, 4.4cqw, 16px)/1.15 var(--display);padding:max(15px, 2.9cqw) 12px;border-radius:999px;transition:background .25s}
.zdp .zdw--etk .zdw-m{gap:8px}
.zdp .zdw--etk .zdw-m .zdw-i{width:18px;height:18px}
.zdp .zdw--etk:hover{background:#1EBE5A;color:#0B2E17}
.zdp .etk-btn--vedl{margin-top:2.4cqw;background:transparent;color:#1D1C19;box-shadow:inset 0 0 0 1.5px #1D1C19}
.zdp .etk-btn--vedl:hover{background:#1D1C19;color:#fff}
/* Zkouška 1. 10.: etiketa v technickém listu. Mobil: pod údaji, užší a na střed; počítač: nadpis přes celou šířku, pod ním etiketa vlevo a údaje hned vedle (viz @media 900). */
.zdp .etk--tech{max-width:340px;margin:36px auto 0}

/* ---------- 8 technický list ---------- */
.zdp .tech{margin-top:64px;padding:40px 0 120px;border-top:1px solid var(--line)}
.zdp .tech h2{font-size:22px;font-weight:700;letter-spacing:-0.015em;margin:10px 0 18px}
.zdp .spec{display:grid;grid-template-columns:1fr;margin:0;border-top:1px solid var(--line)}
.zdp .spec div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.zdp .spec dt{color:var(--muted);font-weight:400}
.zdp .spec dd{margin:0;font-weight:600;min-width:0;overflow-wrap:anywhere}
.zdp .spec dd a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.zdp .spec dd a:hover{text-decoration-color:var(--ink-2)}
.zdp .zdp-prolink{margin-top:40px}

/* ---------- mobilní lišta ---------- */
.zdp .dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--night);color:#fff;border:1px solid oklch(1 0 0 / .14);border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 20px 40px -12px oklch(0 0 0 / .5)}
.zdp .dock span{min-width:0;flex:1 1 auto}
.zdp .dock-id small{display:block;font:600 10px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:oklch(0.72 0.01 80);margin-bottom:5px}
.zdp .dock-id b{display:block;font:700 16px/1.1 var(--mono);letter-spacing:.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zdp .dock-q{font:600 14px/1.2 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zdp .dock a{background:var(--accent);color:var(--night);text-decoration:none;font:700 14px/1 var(--display);padding:13px 18px;border-radius:999px;white-space:nowrap}
/* Lišta se dvěma tlačítky (audit bod 1): hlavní zelené WhatsApp přes zbytek šířky, vedlejší obrysové „Poptat“.
   Vejde se i na 360 px (písmo se zmenšuje se šířkou). Stránka má dole místo, aby lišta nezakryla patičku. */
.zdp .dock--wa{padding:6px;gap:6px;align-items:stretch}
.zdp .dock--wa a{display:flex;align-items:center;justify-content:center;font:700 clamp(12.5px, 3.75vw, 15px)/1.1 var(--display);padding:13px 10px;border-radius:999px;white-space:nowrap}
.zdp .dock--wa .dock-wa{flex:1 1 auto;min-width:0;background:#25D366;color:#0B2E17}
.zdp .dock--wa .dock-wa .zdw-m{gap:7px;min-width:0}
.zdp .dock--wa .dock-wa .zdw-m span{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.zdp .dock--wa .dock-wa .zdw-i{width:18px;height:18px}
.zdp .dock--wa .dock-poptat{flex:none;background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px oklch(1 0 0 / .45);padding:13px 14px}
/* 5. 10. 2026: lišta se schová, když je na obrazovce box se stejnými tlačítky (výzva, etiketa) — jako lišta blogu. */
.zdp .dock[hidden]{display:none}
@media (max-width:899px){body.single-pripad_z_dilny{padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}}

/* ---------- desktop ---------- */
/* ---------- okno s poptávkou (majitel 30. 9. 2026) ---------- */
.zdp .zdp-modal{border:0;padding:0;margin:auto;width:calc(100% - 24px);max-width:460px;max-height:calc(100dvh - 24px);overflow:auto;border-radius:28px;background:var(--paper);color:var(--ink);box-shadow:0 40px 80px -30px oklch(0 0 0 / .55);font:400 17px/1.6 var(--body)}
.zdp .zdp-modal::backdrop{background:oklch(0.2 0.01 70 / .55);backdrop-filter:blur(3px)}
.zdp .zdp-modal[open]{animation:zdp-modal .35s var(--ease)}
@keyframes zdp-modal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.zdp .zdp-form{position:relative;display:grid;gap:14px;padding:28px 22px 24px;margin:0}
.zdp .zdp-form h2{font-size:26px;line-height:1.15;font-weight:700;margin:-4px 0 0}
.zdp .zdp-form-lede{margin:0 0 4px;color:var(--ink-2);font-size:15px;line-height:1.5}
.zdp .zdp-form-pripad{margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.5}
/* Okno poptávky: nahoře nejrychlejší cesta přes WhatsApp (audit bod 1), formulář pod ní. */
.zdp .zdp-form-wa{display:grid;gap:12px;background:var(--accent-soft);border-radius:18px;padding:14px 16px}
.zdp .zdp-form-wa p{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}
.zdp .zdw--cislo{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.zdp .zdw--cislo:hover{text-decoration-color:var(--ink-2)}
.zdp .zdp-form-wa .zdw--btn{width:100%;padding:15px 18px;font-size:15px}
.zdp .zdp-form-nebo{display:flex;align-items:center;gap:12px;margin:2px 0 0;color:var(--muted);font:600 13px/1.2 var(--display)}
.zdp .zdp-form-nebo::before,.zdp .zdp-form-nebo::after{content:"";flex:1 1 auto;height:1px;background:var(--line)}
.zdp .zdp-form-pripad .num{color:var(--ink-2);font-weight:700}
.zdp .zdp-modal-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--muted);font:400 28px/1 var(--body);cursor:pointer;padding:0}
.zdp .zdp-modal-x:hover{background:var(--bg);color:var(--ink)}
/* Křížek bez modrého kroužku prohlížeče (majitel 2. 10. 2026): po otevření okna nesvítí nic,
   zvýraznění v barvách webu jen při ovládání klávesnicí. Okno samo focus drží bez obrysu. */
.zdp .zdp-modal:focus,.zdp .zdp-modal-x:focus{outline:none}
.zdp .zdp-modal-x:focus-visible{outline:none;background:var(--accent-soft);color:var(--ink);box-shadow:0 0 0 2px var(--accent)}
.zdp .zdp-field{display:grid;gap:6px;margin:0}
.zdp .zdp-field[hidden]{display:none} /* 5. 10. 2026 kolo 3: s fotkou štítku pole čísla zmizí */
.zdp .zdp-field span{font:600 13px/1.2 var(--display);color:var(--ink-2)}
.zdp .zdp-field input[type=text]{width:100%;box-sizing:border-box;font:500 16px/1.3 var(--body);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin:0;outline:none;transition:border-color .2s, box-shadow .2s}
.zdp .zdp-field input[name=dil]{font-family:var(--mono);text-transform:uppercase}
.zdp .zdp-field input[name=dil]::placeholder{font-family:var(--body);text-transform:none} /* 5. 10. 2026: nápověda v prázdném poli běžným písmem */
.zdp .zdp-field input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.zdp .zdp-file input{width:100%;box-sizing:border-box;font:500 14px/1.3 var(--body);color:var(--ink-2);background:var(--bg);border:1px dashed var(--line);border-radius:14px;padding:12px;margin:0}
.zdp .zdp-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--ink-2);margin:2px 0 0;cursor:pointer}
.zdp .zdp-check input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--ink)}
.zdp .zdp-submit{width:100%;border:0;cursor:pointer;margin-top:4px}
.zdp .zdp-submit[disabled]{opacity:.6;cursor:default}
html.zdp-modal-open{overflow:hidden}
/* Okno poptávky ve vzhledu skladové etikety (ZKOUŠKA 2. 10. 2026, přepínač volba WP zdp_okno_vzhled = etiketa).
   Etiketa nahrazuje nadpis, úvod i řádek „Poptávka k případu“; formulář pod ní a tmavé „Odeslat“ beze změny.
   Proporce přebírá z .etk (cqw), jen menší a s nižším čárovým kódem, ať „Odeslat“ zůstane na mobilu
   v první obrazovce jako u původního okna. */
.zdp .zdp-modal--etk .zdp-form{padding-top:12px}
.zdp .etk--okno{width:100%;max-width:236px;margin:0 auto 2px}
.zdp .etk--okno .etk-kod{height:11cqw;margin:1.2cqw 0 1.8cqw;transition:opacity .2s}
.zdp .etk--okno .etk-kod.is-jine{opacity:.18}
.zdp .etk--okno .etk-zd{font:600 max(11px, 3.4cqw)/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#6E6E6E;margin:0 0 1.8cqw}
.zdp .etk--okno h2.etk-hlavni{margin:0;font-family:inherit;font-weight:700;font-size:max(18px, 5.8cqw);line-height:1.2;letter-spacing:-0.01em}
.zdp .zdp-modal--etk .zdp-modal-x{z-index:2}
.zdp .etk--okno .etk-info{font-size:12.5px;white-space:nowrap;margin-top:.6cqw}
@media (min-width:900px){.zdp .etk--okno{max-width:260px}}
/* Okno poptávky s malým štítkem (ZKOUŠKA 2. 10. 2026, volba zdp_okno_vzhled = stitek). Štítek ve stylu etikety
   vlevo, nadpis vedle, ZD-… je na štítku (řádek „Poptávka k případu“ odpadá).
   Vyčištěno 2. 10. večer: úvod + řádek důvěry = jeden krátký šedý řádek, z boxu „Nejrychleji“ zbylo jen zelené
   tlačítko (číslo malým textem pod ním jen na počítači), jemnější oddělovač, fotka štítku jako jeden řádek.
   Pole, souhlas a „Odeslat“ beze změny; okno je nižší a „Odeslat“ výš než u původního. */
.zdp .zdp-stk-hlava{display:flex;align-items:center;gap:14px;padding-right:40px}
.zdp .zdp-stk-duvera{margin:-2px 0 6px;color:var(--muted);font:500 13.5px/1.45 var(--display);letter-spacing:-0.005em}
.zdp .zdp-stk-wa{display:grid;gap:8px}
.zdp .zdp-stk-wa .zdw--stk{width:100%;box-sizing:border-box;padding:15px 18px;font-size:15px}
.zdp .zdp-stk-wa-cislo{display:none;margin:0;text-align:center;color:var(--muted);font:500 13px/1.4 var(--display)}
.zdp .zdw--cislo-mini{color:var(--ink-2);text-decoration:none}
.zdp .zdw--cislo-mini:hover{text-decoration:underline;text-underline-offset:3px}
.zdp .zdw--cislo-mini .zdw-c{font-weight:600}
.zdp .zdp-modal--stk .zdp-form-nebo{gap:10px;margin:2px 0 -2px;font:500 12px/1.2 var(--display);color:oklch(0.62 0.01 70)}
.zdp .zdp-modal--stk .zdp-form-nebo::before,.zdp .zdp-modal--stk .zdp-form-nebo::after{opacity:.55}
.zdp .zdp-stk-file{position:relative;display:flex;align-items:center;max-width:100%;min-width:0;width:auto;justify-self:start;margin:-4px 0 0;padding:4px 0;font:600 14px/1.3 var(--display);color:var(--ink-2);cursor:pointer}
.zdp .zdp-stk-file input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;overflow:hidden;clip-path:inset(50%)}
/* 5. 10. 2026: delší „(nepovinné pro odeslání poptávky)“ se na mobilu zalomí na druhý řádek místo useknutí. */
.zdp .zdp-stk-file span{min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
.zdp .zdp-stk-file small{font-size:inherit;font-weight:500;color:var(--muted)}
.zdp .zdp-stk-file:hover span{text-decoration:underline;text-underline-offset:3px}
.zdp .zdp-stk-file:focus-within span{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
/* 5. 10. 2026 (majitel): fotka štítku jako první krok formuláře — kdo ji přidá, číslo opisovat nemusí */
.zdp .zdp-foto{position:relative;display:flex;align-items:center;gap:14px;margin:0;padding:14px 16px;border:1.5px dashed var(--accent);border-radius:16px;background:var(--accent-soft);cursor:pointer;transition:border-color .2s, background .2s}
.zdp .zdp-foto:hover{background:oklch(0.95 0.04 75)}
.zdp .zdp-foto input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;overflow:hidden;clip-path:inset(50%)}
.zdp .zdp-foto:focus-within{box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 4px var(--accent)}
.zdp .zdp-foto-ikona{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--ink)}
.zdp .zdp-foto-ikona svg{width:22px;height:22px}
.zdp .zdp-foto-nahled{flex:none;width:44px;height:44px;border-radius:10px;object-fit:cover;margin:0}
.zdp .zdp-foto.has-nahled .zdp-foto-ikona{display:none}
.zdp .zdp-foto-text{display:grid;gap:2px;min-width:0}
.zdp .zdp-foto-text b{font:700 15px/1.25 var(--display);color:var(--ink);letter-spacing:-0.01em}
.zdp .zdp-foto-text small{font:500 13px/1.35 var(--display);color:var(--ink-2);overflow-wrap:anywhere}
.zdp .zdp-foto.is-ok{border-style:solid;background:#fff}
.zdp .zdp-foto.is-ok small{text-decoration:underline;text-underline-offset:3px;color:var(--muted)}
@media (min-width:900px){
  .zdp .zdp-stk-wa .zdw--stk{background:#25D366;color:#0B2E17;padding:15px 18px;border-radius:999px;font:700 15px/1.15 var(--display);justify-content:center}
  .zdp .zdp-stk-wa .zdw--stk:hover{background:#1EBE5A;color:#0B2E17}
  .zdp .zdp-stk-wa .zdw--stk .zdw-m{display:inline-flex}
  .zdp .zdp-stk-wa .zdw--stk .zdw-d{display:none}
  .zdp .zdp-stk-wa-cislo{display:block}
}
.zdp .zdp-stk-hlava h2{margin:0;font-size:26px;line-height:1.15}
.zdp .etk--mini{flex:none;width:112px;max-width:112px;margin:0;container-type:normal}
.zdp .etk--mini .etk-logo{width:62px;margin:0 auto -9px}
.zdp .etk--mini .etk-ram{border-radius:7px;padding:15px 3px 3px}
.zdp .etk--mini .etk-pole{border-radius:5px;padding:4px 5px 3px}
.zdp .etk--mini .etk-cislo{font-size:12.5px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.zdp .etk--mini .etk-kod{width:100%;height:13px;margin:2px 0;transition:opacity .2s}
.zdp .etk--mini .etk-kod.is-jine{opacity:.18}
.zdp .etk--mini .etk-zd{font:600 9.5px/11px var(--mono);letter-spacing:.06em;color:#6E6E6E}

@media (min-width: 900px){
  .zdp .wrap{padding:0 40px}
  .zdp .hero{padding:56px 0 8px}
  .zdp .plate .tag{right:-18px;bottom:-30px;width:30%}
  .zdp .plate .etk--foto{right:20px;bottom:20px}
  .zdp .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:'t p' 'f p';column-gap:64px;row-gap:0;align-items:center}
  .zdp .hero-text{grid-area:t;align-self:end}
  .zdp .plate{grid-area:p}
  .zdp .facts-wrap{grid-area:f;align-self:start}
  .zdp .facts{margin-top:36px}
  .zdp .fact{grid-template-columns:170px 1fr;gap:14px;align-items:baseline;padding:16px 0}
  .zdp .label-sec{margin-top:96px;padding:88px 0 90px}
  .zdp .label-top{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}
  .zdp .label-sec .lede{margin:0}
  .zdp .stage{margin-top:48px}
  .zdp .stage.has-lens{margin-top:190px}
  .zdp .strip--plain{max-width:760px}
  .zdp .lens{width:470px;height:112px}
  .zdp .readout{grid-template-columns:repeat(3,1fr);border-top:0;gap:0 40px}
  .zdp .readout li{border-bottom:0;border-top:1px solid oklch(1 0 0 / .14);padding-top:20px}
  .zdp .split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px}
  .zdp .split .lede{margin-bottom:0}
  .zdp .sec{padding-top:104px}
  .zdp .sym{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:22px 0}
  .zdp .cta{grid-template-columns:1fr auto;padding:44px 48px;margin-top:104px}
  .zdp .tech{margin-top:104px;padding-bottom:80px}
  /* 1. 10. kolo 2: nadpis přes celou šířku, pod ním etiketa (pevných 360 px) a hned vedle údaje.
     Údaje začínají na horní hraně oranžového rámu etikety (logo přečnívá nad rám o 17,97 % šířky = 65 px). */
  .zdp .tech-grid{display:grid;grid-template-columns:360px minmax(0,1fr);grid-template-areas:'h h' 'e d';column-gap:48px;row-gap:0}
  .zdp .tech-hlava{grid-area:h}
  .zdp .tech-data{grid-area:d;align-self:start;margin-top:calc(20px + 65px)}
  .zdp .etk--tech{grid-area:e;align-self:start;width:360px;max-width:none;margin:20px 0 0}
  .zdp .tech .spec div{grid-template-columns:130px 1fr}
  .zdp .dock{display:none}
  /* Počítač: WhatsApp jako číslo v textu, ne tlačítko (rozhodnutí majitele 1. 10. 2026); od 7. 10. 2026 vedle i QR kód (.zd-qr, konec souboru). */
  .zdp .zdw-m{display:none}
  .zdp .zdw-d{display:inline-flex;align-items:center;gap:10px}
  .zdp .zdw-d .zdw-i{color:#1EA952}
  .zdp .zdw--jen-m{display:none}
  .zdp .zdw--btn{background:transparent;padding:0;border-radius:0;color:var(--ink);font:600 18px/1.3 var(--display);text-align:left}
  .zdp .zdw--btn:hover{background:transparent;color:var(--ink)}
  .zdp .zdw--btn .zdw-c{font-size:22px;letter-spacing:-0.01em}
  .zdp .zdw--btn:hover .zdw-c{text-decoration:underline;text-underline-offset:4px}
  .zdp .cta-akce{align-items:stretch;gap:16px}
  .zdp .cta-akce > a{width:auto}
  .zdp .cta-akce .zdw--btn{justify-content:center}
  .zdp .zdw--etk{background:transparent;padding:0;width:auto;max-width:100%;color:#1D1C19;font:600 max(15px, 4.2cqw)/1.3 var(--display);border-radius:0;margin-top:3.6cqw}
  .zdp .zdw--etk:hover{background:transparent;color:#1D1C19}
  .zdp .zdw--etk:hover .zdw-c{text-decoration:underline;text-underline-offset:3px}
  .zdp .zdw--etk .zdw-d{flex-wrap:wrap;justify-content:center;gap:4px 8px}
}
@media (min-width:1200px){.zdp .tech .spec{grid-template-columns:1fr 1fr;column-gap:32px}}
@media (prefers-reduced-motion: reduce){.zdp *{animation:none!important;transition:none!important}}
.zdp .rise{animation:zdp-rise .9s var(--ease) both}
.zdp .rise:nth-child(2){animation-delay:.08s}.zdp .rise:nth-child(3){animation-delay:.16s}.zdp .rise:nth-child(4){animation-delay:.24s}.zdp .rise:nth-child(5){animation-delay:.32s}
@keyframes zdp-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}




/* ---------- 9 stránka poruchy /porucha/<slug>/ (kap. 18 úloha 4, 1. 10. 2026) ----------
   Kreslí ji zd_porucha_render() ve functions.php (blok „Z DÍLNY PORUCHA“), stejný vizuální jazyk
   jako stránka případu: hero s faktami, příčiny jako .sym, karty případů, výzva .cta. */
.zdpp .pp-hero{padding-bottom:0}
.zdpp .pp-hero h1{font-size:clamp(30px, 7vw, 50px);line-height:1.06}
.zdpp .pp-facts{margin-top:28px}
.zdpp .pp-facts dd a{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:3px}
.zdpp .pp-facts dd a:hover{text-decoration-color:var(--ink-2)}
.zdpp .pp-facts dd.num{font-weight:500;overflow-wrap:anywhere}
.zdpp .pp-vyskyt{display:block}
.zdpp .pp-vyrobci{color:var(--muted);font-weight:500}
.zdpp .pp-pripady h2{margin-top:12px}
.zdpp .pp-pripady .lede{margin-bottom:28px}
.zdpp .pp-karty{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.zdpp .pp-karta{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
/* nadzvednutí + stín jen při najetí myší (2. 10. 2026); na dotykovém displeji karta při ťuknutí neposkakuje */
@media (hover:hover) and (pointer:fine){.zdpp .pp-karta:hover{transform:translateY(-3px);box-shadow:0 24px 48px -28px oklch(0.4 0.03 70 / .35)}}
.zdpp .pp-karta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.zdpp .pp-foto{display:block;position:relative;background:#fff;aspect-ratio:4/3;border-bottom:1px solid var(--line)}
.zdpp .pp-foto img{position:absolute;left:6%;top:6%;width:88%;height:88%;object-fit:contain}
.zdpp .pp-telo{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;flex:1 1 auto}
.zdpp .pp-telo .kicker{line-height:1.35}
.zdpp .pp-nazev{font:700 19px/1.25 var(--display);letter-spacing:-0.015em}
.zdpp .pp-vuz{color:var(--muted);font-size:15px;line-height:1.4}
.zdpp .pp-cislo{font-size:15px}
.zdpp .pp-pricina{display:flex;gap:10px;align-items:baseline;color:var(--ink-2);font-size:15px;line-height:1.5;margin-top:4px}
.zdpp .pp-pricina::before{content:"";flex:0 0 14px;height:2px;background:var(--accent);transform:translateY(-4px)}
.zdpp .pp-dal{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font:600 14px/1 var(--display)}
.zdpp .pp-dal svg{width:16px;height:16px}
.zdpp .pp-prazdne{margin:0;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}
.zdpp .pp-konec{padding-bottom:80px}
.zdpp .pp-admin{margin-top:40px;border:1px dashed var(--line);border-radius:20px;padding:20px 22px;background:var(--paper);font-size:15px;line-height:1.5;color:var(--ink-2)}
.zdpp .pp-admin p{margin:8px 0 0}
.zdpp .pp-admin b{color:var(--ink);font-weight:600}
.zdpp .pp-navrh{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.zdpp .pp-navrh ul{margin:8px 0 0;padding-left:20px}
@media (min-width:600px){.zdpp .pp-karty{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){
  .zdpp .pp-hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:64px;align-items:end}
  .zdpp .pp-hero-grid .hero-text,.zdpp .pp-hero-grid .pp-facts{grid-area:auto;align-self:end}
  .zdpp .pp-facts{margin-top:0}
  .zdpp .pp-karty{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
/* ---------- 10 přehled /z-dilny/ s filtry + stránky vozidla, jednotky, výrobce, služby (kap. 18 úloha 6, 1. 10. 2026) ----------
   Kreslí je zd_pripad_archiv_render() ve functions.php (blok „Z DÍLNY ARCHIV“). Hero, karty a výzva
   jsou ze sekce 9 (.zdpp), tady jen formulář s filtry a štítky vybraných filtrů. */
.zda .zda-filtr-sec{padding:36px 0 0}
.zda .zda-filtr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:0;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:24px}
.zda .zda-pole{display:flex;flex-direction:column;gap:7px;min-width:0}
.zda .zda-pole--porucha,.zda .zda-pole--cislo,.zda .zda-akce{grid-column:1/-1}
.zda .zda-pole label{font:600 11.5px/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}
.zda .zda-pole select,.zda .zda-pole input{display:block;width:100%;max-width:100%;min-width:0;height:48px;margin:0;padding:0 38px 0 14px;border:1px solid var(--line);border-radius:14px;background-color:#fff;color:var(--ink);font:500 16px/1.2 var(--body);box-shadow:none;-webkit-appearance:none;appearance:none}
.zda .zda-pole select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6560' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}
.zda .zda-pole input{padding-right:14px;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase}
.zda .zda-pole input::placeholder{font-family:var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}
.zda .zda-pole select:focus,.zda .zda-pole input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.zda .zda-pole.is-on select,.zda .zda-pole.is-on input{border-color:var(--ink);font-weight:600}
.zda .zda-akce{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:2px}
.zda .zda-akce .btn{border:0;cursor:pointer;padding:15px 24px}
.zda .zda-zrusit{font:600 14px/1.2 var(--display);color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.zda .zda-zrusit:hover{text-decoration-color:var(--ink-2)}
.zda .zda-cipy{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.zda .zda-cipy li{margin:0;padding:0;max-width:100%;min-width:0}
.zda .zda-cip{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;padding:9px 14px;border-radius:999px;background:var(--accent-soft);color:var(--ink);text-decoration:none;font:600 14px/1.25 var(--display)}
.zda .zda-cip small{flex:0 0 auto;font:600 11px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.zda .zda-cip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zda .zda-cip i{flex:0 0 auto;font-style:normal;font-size:17px;line-height:1;color:var(--ink-2)}
.zda .zda-cip:hover i{color:var(--ink)}
.zda .zda-vysledky{padding-top:32px}
.zda .zda-pocet{margin:0 0 16px;font:600 14px/1.3 var(--display);color:var(--muted)}
.zda .pp-prazdne a{color:var(--ink);text-underline-offset:3px}
.zda .posts-navigation{margin-top:28px;font:600 15px/1.3 var(--display)}
.zda .posts-navigation .nav-links{display:flex;justify-content:space-between;gap:16px}
@media (min-width:900px){
  .zda .zda-filtr{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;padding:24px 28px}
  .zda .zda-pole--porucha{grid-column:span 2}
  .zda .zda-pole--cislo{grid-column:auto}
  .zda .zda-akce{grid-column:span 2;align-self:end;min-height:48px}
}
/* ---------- 11 blok „Z dílny“ ve výsledcích hledání /?s=… (kap. 18 úloha 7, 1. 10. 2026) ----------
   Kreslí ho zd_hledani_blok() ve functions.php (blok „Z DÍLNY HLEDÁNÍ“), search.php ho volá až pod
   běžnými výsledky. Karty jsou ze sekce 9 (.zdpp), tady jen obal a hlavička bloku. */
.zdh.zdp{background:transparent;overflow:visible;margin:48px 0 32px;padding:32px 0 0;border-top:1px solid var(--line)}
.zdh .zdh-hlava{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:0 0 22px}
.zdh .zdh-texty{flex:1 1 320px;min-width:0}
.zdh h2{font-size:clamp(26px, 6vw, 36px);line-height:1.1;font-weight:800}
.zdh .zdh-lede{margin:10px 0 0;color:var(--ink-2);font-size:16px;line-height:1.55;max-width:62ch}
.zdh .zdh-vse{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;font:600 15px/1.2 var(--display)}
.zdh .zdh-vse:hover{text-decoration-color:var(--ink-2)}
.zdh .zdh-vse svg{width:16px;height:16px}
.zdh .pp-karta,.zdh .pp-karta:hover{color:var(--ink);text-decoration:none}
.zdh .zdh-pocet{margin:16px 0 0;font:600 14px/1.3 var(--display);color:var(--muted)}
.zdh .pp-admin{margin-top:24px}
/* 11b karta případu pod H1 hledání čísla + řádek „Tento kus máme i jako případ z dílny“ (audit bod 2, 1. 10. 2026).
   Kreslí zd_hledani_pod_h1(); stojí uvnitř krémového pruhu .ps-odpoved ze search.php, proto průhledné pozadí. */
.zdh-top.zdp{background:transparent;overflow:visible;margin:4px 0 22px;padding:0}
.zdh-top .zdh-top-lede{margin:0 0 12px;color:var(--ink-2);font-size:16px;line-height:1.5}
.zdh-top .zdh-top-lede .kicker{display:block;margin:0 0 6px}
.zdh-top.zdpp .pp-karty{grid-template-columns:minmax(0,1fr);max-width:760px}
.zdh-top .pp-karta,.zdh-top .pp-karta:hover{color:var(--ink);text-decoration:none}
.zdh-top .pp-admin{margin-top:14px}
@media (min-width:640px){
  .zdh-top.zdpp .pp-karta{flex-direction:row}
  .zdh-top.zdpp .pp-foto{flex:0 0 38%;aspect-ratio:auto;min-height:210px;border-bottom:0;border-right:1px solid var(--line)}
}
.zdh-radek{margin:0 0 16px;font:600 15px/1.4 'Montserrat',system-ui,sans-serif}
.zdh-radek a{color:#141821;text-decoration:underline;text-decoration-color:#F0B053;text-decoration-thickness:2px;text-underline-offset:4px}
/* ---------- 12 okno „Popište, jak se porucha projevuje“ + stránka /z-dilny/?popis= (kap. 18 úloha 8, 1. 10. 2026) ----------
   Kreslí blok „Z DÍLNY POPIS“ ve functions.php. Okno přebírá vzhled okna poptávky (.zdp-modal, .zdp-field). */
.zdp .zdo-pruh{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 16px}
.zdp .zdo-pruh p{margin:0;color:var(--ink-2);font:600 15px/1.3 var(--display)}
.zdp .zdo-pruh--porucha{margin:22px 0 0}
.zdp .zdo-btn{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:12px 18px;border-radius:999px;background:var(--accent-soft);color:var(--ink);border:1px solid oklch(0.85 0.06 75);text-decoration:none;font:700 15px/1.25 var(--display);transition:background .2s,border-color .2s}
.zdp .zdo-btn:hover{background:#fde9c9;border-color:var(--accent)}
.zdp .zdo-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.zdp .zdo-btn svg{width:18px;height:18px;flex:0 0 auto;color:var(--accent-ink)}
.zdp .zdo-okno{max-width:560px}
.zdp .zdo-obsah{position:relative;display:grid;gap:14px;padding:28px 22px 24px}
.zdp .zdo-obsah h2{font-size:26px;line-height:1.15;font-weight:700;margin:-4px 0 0;padding-right:36px}
.zdp .zdo-form{display:grid;gap:14px;margin:0}
.zdp .zdo-form textarea,.zdp .zdo-form input[type=text]{display:block;width:100%;max-width:100%;box-sizing:border-box;font:500 16px/1.4 var(--body);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin:0;outline:none;resize:vertical;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.zdp .zdo-form textarea{min-height:96px}
.zdp .zdo-form textarea:focus,.zdp .zdo-form input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.zdp .zdo-submit{width:100%;border:0;cursor:pointer}
.zdp .zdo-submit[disabled]{opacity:.6;cursor:default}
.zdp .zdo-vysledky:empty{display:none}
.zdp .zdo-vysledky:focus{outline:none}
.zdp .zdo-vysl{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px}
.zdp .zdo-h{font:700 13px/1.3 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin:6px 0 0}
.zdp .zdo-poruchy,.zdp .zdo-pripady{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.zdp .zdo-poruchy li,.zdp .zdo-pripady li{margin:0;padding:0;min-width:0}
.zdp .zdo-poruchy a{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .2s}
.zdp .zdo-poruchy a:hover{border-color:var(--accent)}
.zdp .zdo-porucha{font:700 16px/1.3 var(--display);overflow-wrap:anywhere}
.zdp .zdo-meta{font-size:14px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.zdp .zdo-pripad{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);min-width:0;transition:border-color .2s}
.zdp .zdo-pripad:hover{border-color:var(--accent)}
.zdp .zdo-foto{flex:0 0 64px;width:64px;height:64px;border-radius:12px;background:var(--bg);overflow:hidden}
.zdp .zdo-foto img{width:100%;height:100%;object-fit:contain}
.zdp .zdo-pripad-telo{display:flex;flex-direction:column;gap:2px;min-width:0}
.zdp .zdo-pripad-nazev{font:700 15px/1.3 var(--display);overflow-wrap:anywhere}
.zdp .zdo-pripad-vuz{font-size:14px;line-height:1.35;color:var(--muted)}
.zdp .zdo-pripad-cislo{font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}
.zdp .zdo-nic,.zdp .zdo-pozn{margin:0;color:var(--ink-2);font-size:15px;line-height:1.5}
.zdp .zdo-cta{display:grid;gap:12px;margin-top:6px;padding:18px;border-radius:20px;background:var(--accent-soft)}
.zdp .zdo-cta b{display:block;font:700 17px/1.25 var(--display)}
.zdp .zdo-cta span{display:block;margin-top:4px;color:var(--ink-2);font-size:15px;line-height:1.45}
.zdp .zdo-cta .btn{justify-self:start;padding:14px 20px;font-size:15px}
.zdp .zdo-admin{margin-top:6px}
.zdo .zdo-sec{padding:28px 0 0}
.zdo .zdo-stranka{display:grid;gap:24px;max-width:760px}
.zdo .zdo-karta{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:24px}
@media (min-width:900px){
  .zdp .zdo-obsah{padding:32px 30px 28px}
  .zdo .zdo-karta{padding:26px 28px}
  .zdo .zdo-submit{width:auto;justify-self:start;padding:16px 26px}
}
/* ---------- 12 pruh „Z dílny: N případů“ na typových stránkách Katalogu a značkách Modelů aut (audit 1. 10. 2026, bod 5) ----------
   Kreslí zd_pruh() (blok „Z DÍLNY PRUH“), stojí nad produkty / pod výběrem modelu. Hlavička a karty jako blok v hledání (11).
   Na mobilu karty vedle sebe s posunem do strany, ať pruh neodsune produkty o tři celé karty dolů. */
.zd-pruh.zdh.zdp{margin:40px 0 8px}
/* Katalog (2. 10. 2026): pruh stojí hned pod úvodem typové stránky, uvnitř jejího .main-container. */
.zd-pruh-obal--uvnitr .zd-pruh.zdh.zdp{margin:32px 0 8px}
@media (max-width:599px){
  .zd-pruh.zdpp .pp-karty{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 0 10px;-webkit-overflow-scrolling:touch}
  .zd-pruh.zdpp .pp-karta{scroll-snap-align:start}
}
/* ---------- 13 posuvník „Kde tohle najdete na webu“ na mobilu (2. 10. 2026) ----------
   Do 768 px bez Glide (js/sliders-glide.js přidá .zd-nativni): karty vedle sebe, posun prstem se scroll-snap,
   první karta celá u levého okraje, další vykukuje vpravo. Dřív Glide carousel ukazoval vlevo uříznutou kartu. */
.zdp .zd-prolinkovani__slider.zd-nativni .glide__track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.zdp .zd-prolinkovani__slider.zd-nativni .glide__track::-webkit-scrollbar{display:none}
.zdp .zd-prolinkovani__slider.zd-nativni .glide__slides{display:flex;gap:12px;width:auto;overflow:visible;transform:none;touch-action:auto;margin:0;padding:0}
.zdp .zd-prolinkovani__slider.zd-nativni .glide__slide{flex:0 0 calc((100% - 62px) / 2);width:auto;margin:0;scroll-snap-align:start}
.zdp .zd-prolinkovani__slider.zd-nativni .glide__slide--clone{display:none}
@media (min-width:481px){.zdp .zd-prolinkovani__slider.zd-nativni .glide__slide{flex-basis:calc((100% - 85px) / 2)}}
/* ---------- 14 karty případů se štítkem (2. 10. 2026, přepínač zdp_karta_stitek, jen .pp-karta--stk) ----------
   Karty kreslí zd_arch_karta() (pruh v Katalogu a Modelech aut, přehled /z-dilny/, hledání).
   Číslo: malý štítek ve stylu etikety (oranžový rám, bílé pole, číslo, mini Code 128), bez loga a ZD-…;
   číslo je obyčejný text, rám jen CSS, kód dekorativní SVG. Štítek je o 17 px vyšší než původní řádek
   s číslem → o tolik je nižší fotka, výška karty zůstává.
   Fotka: přes celou šířku, oříznutá na střed. Výška obrázku = šířka × --r (výška/šířka fotky), ale nejvýš
   125 % fotky (ořízne se max. 10 % nahoře a dole) a nejméně min(100 %, 117 % šířky × --r) (bokem max. 7 %),
   protože fotková linka nechává kolem kusu okraj ~11 % nahoře/dole a ~8 % bokem: kus tak nikdy není useknutý. Velmi vysoké a velmi
   široké fotky (.pp-foto--okraj) celou šířku vyplnit nejdou: jejich okraje se jemně rozplynou do bílé. */
.zdpp .pp-karta--stk{container-type:inline-size}
.zdpp .pp-karta--stk .pp-foto{aspect-ratio:auto;height:calc(75cqw - 17px);overflow:hidden;container-type:inline-size}
.zdpp .pp-karta--stk .pp-foto--okraj img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.zdpp .pp-karta--stk .pp-foto img{left:50%;top:50%;width:auto;max-width:none;height:clamp(min(100%, 117cqw * var(--r, .75)), 100cqw * var(--r, .75), 125%);object-fit:fill;transform:translate(-50%,-50%)}
.zdpp .pp-stk{display:inline-flex;align-self:flex-start;max-width:100%;background:#F9A829;border-radius:7px;padding:3px}
.zdpp .pp-stk-pole{display:flex;flex-direction:column;align-items:stretch;min-width:0;background:#fff;border-radius:5px;padding:3px 8px}
.zdpp .pp-stk-cislo{font:700 14px/17px 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;letter-spacing:.01em;color:#1D1C19;text-align:center;overflow-wrap:anywhere}
.zdpp .pp-stk-kod{display:block;width:0;min-width:100%;height:10px;margin-top:2px}
.zdpp .pp-stk-kod svg{display:block;width:100%;height:100%;fill:#000}
@media (min-width:640px){.zdh-top.zdpp .pp-karta--stk .pp-foto{height:auto}}
/* ---------- 15 štítek v řádku s „Zobrazit případ“ (2. 10. 2026, přepínač zdp_karta_stitek = radek, jen .pp-karta--radek) ----------
   Odkaz vlevo, štítek vpravo, svisle na střed. Původně: řádek s číslem 24 px + mezera 6 + „Zobrazit případ“ 12 + 16 = 58 px;
   teď jeden řádek 10 + 41 (štítek) = 51 px → fotka je o 7 px vyšší než původní 4 : 3 a výška karty zůstává.
   Štítek má pevnou výšku (řádek 17 px, kód 10 px), na úzké kartě se zmenší jen písmo čísla (podle --n = počet znaků
   a místa vedle odkazu, nejvýš 14 px), takže se nic nezalomí, nepřeteče a výška karty se nehne.
   Pod 280 px šířky karty (telefony s oknem ~360 px) zůstane z odkazu jen „Zobrazit →“, jinak by číslo muselo pod 11 px. */
.zdpp .pp-karta--radek .pp-foto{height:calc(75cqw + 7px)}
.zdpp .pp-dole{--zd-dal:141px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:auto;padding-top:10px}
.zdpp .pp-dole .pp-dal{flex:0 0 auto;margin-top:0;padding-top:0;white-space:nowrap}
.zdpp .pp-dole .pp-stk{align-self:center;flex:0 1 auto;min-width:0}
.zdpp .pp-karta--radek .pp-stk-pole{padding:3px 6px}
.zdpp .pp-karta--radek .pp-stk-cislo{white-space:nowrap;overflow-wrap:normal;font-size:clamp(10px, (100cqw - 40px - var(--zd-dal) - 8px - 18px) / (var(--n, 10) * .67), 14px)}
@container (max-width:279px){
  .zdpp .pp-karta--radek .pp-dal-cela{display:none}
  .zdpp .pp-karta--radek .pp-dole{--zd-dal:86px}
}
/* ---------- 16 karty případů: vozidla na 1 řádek (2. 10. 2026, všechny vzhledy karet i stránka poruchy) ----------
   Fotka: čistě bílé pozadí, obrázek bez jakékoli úpravy barev (krémové pozadí + multiply z #432 zrušeno majitelem, log #433).
   Vozidla: zd_karta_vozy() — nejvýš 2 vidět, zbytek vizuálně skrytý v HTML + „+N“ z data-plus (CSS, ne text stránky). */
.zdpp .pp-karta .pp-vuz{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.zdpp .pp-vuz-vid{min-width:0;overflow:hidden;text-overflow:ellipsis}
.zdpp .pp-vuz-dalsi{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.zdpp .pp-vuz-plus{flex:0 0 auto;font:700 12px/18px var(--display);color:var(--ink-2);background:#F1EBE0;border-radius:999px;padding:0 7px}
.zdpp .pp-vuz-plus::before{content:attr(data-plus)}
/* ---------- 17 stránka poruchy, nový vzhled (2. 10. 2026, přepínač zdp_porucha_vzhled = novy, jen .zdpp--novy) ----------
   Typy jednotek a vozidla: jemné pilulky (světlé pozadí, zaoblené, bez podtržení), odkazy zůstávají; výrobci šedě vedle typu.
   Výrobní čísla: štítky jako na kartách případů (.pp-stk z části 14) — číslo text v HTML, kód dekorativní SVG, celý štítek odkaz.
   Karty případů stojí hned pod fakty (pořadí sekcí řeší šablona), fotky beze změny (čistě bílé, bez úpravy barev). */
.zdpp--novy .pp-vyskyty{display:flex;flex-direction:column;gap:8px}
.zdpp--novy .pp-vyskyt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.zdpp--novy .pp-vyskyt .pp-vyrobci{font-size:15px}
.zdpp--novy .pp-pily,.zdpp--novy .pp-stitky{display:flex;flex-wrap:wrap;gap:8px}
.zdpp--novy .pp-facts dd .pp-pil{display:inline-flex;align-items:center;min-height:32px;padding:5px 14px;border-radius:999px;background:#F3EEE5;color:var(--ink);font:600 14px/1.3 var(--display);letter-spacing:0;text-decoration:none;transition:background-color .2s var(--ease)}
.zdpp--novy .pp-facts dd .pp-stk{text-decoration:none;color:inherit;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
@media (hover:hover) and (pointer:fine){
  .zdpp--novy .pp-facts dd a.pp-pil:hover{background:#E9E1D3}
  .zdpp--novy .pp-facts dd a.pp-stk:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px oklch(0.4 0.03 70 / .45)}
}
.zdpp--novy .pp-facts dd a.pp-pil:focus-visible,.zdpp--novy .pp-facts dd a.pp-stk:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* popisek nad pilulkami i na počítači (ve sloupci 170 px vedle by se pilulky skládaly po jedné pod sebe) */
.zdpp--novy .pp-facts .fact{grid-template-columns:1fr;gap:10px}

/* === PÍSMO MOBIL 15 px (5. 10. 2026, pokyn majitele): stránky Z dílny na mobilu stejně velké jako blog ===
   Text 15 px (řádkování 1,6), úvod 16, H1 23, nadpisy sekcí 21, otázky a kroky 16. Jen < 600 px; tablet a počítač
   beze změny. Jen samotné stránky Z dílny (případ, přehled, porucha, filtry = main.site-main.zdp) — pruhy Z dílny
   v blogu, Katalogu a Modelech aut netknuté. Vrácení: smazat tento blok až po „PÍSMO MOBIL 15: konec“. */
@media (max-width:599.98px){
  .site-main.zdp{font-size:15px;line-height:1.6}
  .site-main.zdp .hero h1,.site-main.zdp.zdpp .pp-hero h1{font-size:23px;line-height:1.14}
  .site-main.zdp .hero h1 .h1-cislo{font-size:15.5px}
  .site-main.zdp .answer{font-size:16px;line-height:1.55}
  .site-main.zdp .sec h2,.site-main.zdp .label-sec h2,.site-main.zdp .zdh h2,.site-main.zdp .zdp-stk-hlava h2,.site-main.zdp .cta h2{font-size:21px;line-height:1.2}
  .site-main.zdp .tech h2{font-size:19px}
  .site-main.zdp .sym .q,.site-main.zdp .faq summary,.site-main.zdp .steps h3{font-size:16px}
  .site-main.zdp .faq summary{padding:14px 36px 14px 0}
  .site-main.zdp .spec div{font-size:14.5px}
  .site-main.zdp .zdo-cta b{font-size:16px}
  .site-main.zdp.zdpp .pp-nazev{font-size:17px}
  .site-main.zdp.zdpp .pp-vuz{font-size:14px}
}
/* === PÍSMO MOBIL 15: konec === */

/* === PŘEHLED MOBIL ŘÁDKY (5. 10. 2026, pokyn majitele): karty na /z-dilny/ a stránkách filtru jako přehled blogu ===
   Jen < 600 px a jen přehled (main.zda); pruhy v Katalogu/Modelech aut/blogu a stránky poruch netknuté.
   Fotka vlevo (34 % šířky, celá, kus se nikdy neusekne), typ · výrobce na 1 řádek, vpravo typ · výrobce, název, vozidla (+N),
   dole etiketa s výrobním číslem a čárovým kódem + šipka. „Zobrazit případ“ zůstává v HTML pro čtečky, jen není vidět.
   Vrácení: smazat tento blok až po „PŘEHLED MOBIL ŘÁDKY: konec“. */
@media (max-width:599.98px){
  .site-main.zda .pp-karty{gap:12px}
  .site-main.zda .pp-karta{position:relative;flex-direction:row;align-items:stretch;border-radius:18px;container-type:normal}
  .site-main.zda .pp-karta .pp-foto{flex:0 0 34%;height:auto;min-height:132px;aspect-ratio:auto;overflow:hidden;border-bottom:0;border-right:1px solid var(--line);container-type:normal}
  .site-main.zda .pp-karta .pp-foto img{left:4%;top:4%;width:92%;height:92%;max-width:none;object-fit:contain;transform:none;-webkit-mask-image:none;mask-image:none}
  .site-main.zda .pp-telo{flex:1 1 auto;min-width:0;gap:3px;padding:12px 14px 13px;container-type:inline-size}
  .site-main.zda .pp-telo .kicker{font-size:10.5px;letter-spacing:.1em;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-main.zda.zdpp .pp-nazev{font-size:16px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .site-main.zda.zdpp .pp-vuz{font-size:13px}
  .site-main.zda .pp-dole{gap:10px;padding-top:9px}
  .site-main.zda .pp-dole .pp-stk{order:-1}
  .site-main.zda .pp-dole .pp-dal{font-size:0;gap:0}
  .site-main.zda .pp-dole .pp-dal > span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .site-main.zda .pp-dole .pp-dal svg{width:18px;height:18px}
  .site-main.zda .pp-karta--radek .pp-stk-cislo{font-size:clamp(10px, (100cqw - 28px - 18px) / (var(--n, 10) * .67), 14px)}
  .site-main.zda .pp-karta:not(.pp-karta--radek) .pp-stk{align-self:flex-start;margin-top:6px}
  .site-main.zda .pp-karta:not(.pp-karta--radek) .pp-dal{padding-top:8px}
}
/* === PŘEHLED MOBIL ŘÁDKY: konec === */

/* === ŠTÍTEK ZBLÍZKA MOBIL (5. 10. 2026): tmavý box s lupou na stránce případu sladěn s písmem 15 px ===
   Jen < 600 px: menší vnitřní okraje boxu, čísla v legendě 18 px místo 21, hustší řádky. Lupa, štítek a čísla beze změny funkce.
   Vrácení: smazat tento blok až po „ŠTÍTEK ZBLÍZKA MOBIL: konec“. */
@media (max-width:599.98px){
  .site-main.zdp .label-sec{margin-top:48px;padding:42px 0 44px}
  .site-main.zdp .label-sec .lede{margin-bottom:22px}
  .site-main.zdp .readout{margin-top:26px}
  .site-main.zdp .readout li{padding:12px 0;gap:2px 12px}
  .site-main.zdp .readout .n{margin-top:1px}
  .site-main.zdp .readout .v{font-size:18px}
  .site-main.zdp .readout .d{font-size:14px;line-height:1.5}
}
/* === ŠTÍTEK ZBLÍZKA MOBIL: konec === */

/* === ŠTÍTEK ZBLÍZKA POČÍTAČ (5. 10. 2026, majitel: „zmenšit, je to zbytečně velké“) ===
   Jen >= 900 px. Box byl ~920 px vysoký a štítek se roztahoval přes celou šířku (1100 px).
   Teď štítek vlevo (7/12 šířky), čísla jako seznam vpravo vedle něj (první číslo lícuje s horní
   hranou štítku), menší lupa, nadpis a vnitřní okraje. Mobil beze změny, lupa funguje stejně.
   Vrácení: smazat tento blok až po „ŠTÍTEK ZBLÍZKA POČÍTAČ: konec“. */
@media (min-width:900px){
  .site-main.zdp .label-sec{margin-top:72px;padding:60px 0 64px}
  .site-main.zdp .label-sec h2{font-size:34px}
  .site-main.zdp .label-sec .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto 1fr;column-gap:56px;align-items:start}
  .site-main.zdp .label-sec .label-top{grid-column:1 / -1}
  .site-main.zdp .label-sec .stage{grid-column:1;margin-top:32px}
  .site-main.zdp .label-sec .stage.has-lens{margin-top:140px}
  .site-main.zdp .label-sec .hint{grid-column:1}
  .site-main.zdp .label-sec .readout{grid-column:2;grid-row:2 / span 2;grid-template-columns:1fr;gap:0;margin-top:32px}
  .site-main.zdp .label-sec .stage.has-lens ~ .readout{margin-top:140px}
  .site-main.zdp .label-sec .readout li{padding:14px 0}
  .site-main.zdp .label-sec .readout li:first-child{border-top:0;padding-top:0}
  .site-main.zdp .label-sec .readout .v{font-size:22px}
  .site-main.zdp .label-sec .readout .d{font-size:14px;line-height:1.5}
  .site-main.zdp .label-sec .lens{width:340px;height:84px}
}
/* === ŠTÍTEK ZBLÍZKA POČÍTAČ: konec === */

/* === KARTY MOBIL ŘÁDKY VŠUDE (5. 10. 2026, pokyn majitele): karty Z dílny všude jako na přehledu /z-dilny/ ===
   Jen < 600 px. Pruh v Katalogu a Modelech aut (.zd-pruh), Z dílny ve výsledcích hledání (.zdh dole, .zdh-top pod H1)
   a karty na stránkách poruch (.pp-pripady): řádek, fotka vlevo celá, typ · výrobce, název, vozidla (+N),
   etiketa s výrobním číslem a čárovým kódem + šipka. Pruh už se neposouvá do strany, 3 nízké karty stojí pod sebou.
   Pro Google a AI beze změny: všechna data (typ, výrobce, název, všechna vozidla, výrobní číslo, „Zobrazit případ“)
   zůstávají v HTML jako text, mění se jen rozvržení. Počítač a tablet beze změny.
   Vrácení: smazat tento blok až po „KARTY MOBIL ŘÁDKY VŠUDE: konec“. */
@media (max-width:599.98px){
  .zd-pruh.zdpp .pp-karty{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;padding:0}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-karty{gap:12px}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-karta{position:relative;flex-direction:row;align-items:stretch;border-radius:18px;container-type:normal}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-karta .pp-foto{flex:0 0 34%;height:auto;min-height:132px;aspect-ratio:auto;overflow:hidden;border-bottom:0;border-right:1px solid var(--line);container-type:normal}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-karta .pp-foto img{left:4%;top:4%;width:92%;height:92%;max-width:none;object-fit:contain;transform:none;-webkit-mask-image:none;mask-image:none}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-telo{flex:1 1 auto;min-width:0;gap:3px;padding:12px 14px 13px;container-type:inline-size}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-telo .kicker{font-size:10.5px;letter-spacing:.1em;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-nazev{font-size:16px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-vuz{font-size:13px}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-pricina{font-size:13px;line-height:1.4;gap:8px;margin-top:2px}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-pricina::before{flex-basis:10px;transform:translateY(-3px)}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-dole{gap:10px;padding-top:9px}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-dole .pp-stk{order:-1}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-dole .pp-dal{font-size:0;gap:0}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-dole .pp-dal > span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-dole .pp-dal svg{width:18px;height:18px}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-karta--radek .pp-stk-cislo{font-size:clamp(10px, (100cqw - 28px - 18px) / (var(--n, 10) * .67), 14px)}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-karta:not(.pp-karta--radek) .pp-stk{align-self:flex-start;margin-top:6px}
  :is(.zd-pruh.zdpp,.zdh.zdpp,.zdh-top.zdpp,.site-main.zdpp .pp-pripady) .pp-karta:not(.pp-karta--radek) .pp-dal{padding-top:8px}
}
/* === KARTY MOBIL ŘÁDKY VŠUDE: konec === */

/* === PRUH VŠECHNY PŘÍPADY: začátek (5. 10. 2026, log #466) ===
   Pruh Z dílny s víc než 3 případy: ostatní karty v HTML pod tlačítkem „Zobrazit další N“ (nativní <details>,
   bez JS). Tlačítko ve stylu „+N“ u vozidel (oranžový rámeček, bílé pozadí). Mobil: tlačítko přes celou šířku. */
.zd-pruh .zd-pruh-dalsi{margin-top:16px}
.zd-pruh .zd-pruh-vice{display:inline-flex;align-items:center;justify-content:center;gap:8px;list-style:none;cursor:pointer;padding:11px 20px;border:2px solid #F9A829;border-radius:999px;background:#fff;color:var(--ink);font:700 15px/1.2 var(--display);-webkit-user-select:none;user-select:none}
.zd-pruh .zd-pruh-vice::-webkit-details-marker{display:none}
.zd-pruh .zd-pruh-vice::marker{content:""}
.zd-pruh .zd-pruh-vice:hover{background:var(--accent-soft)}
.zd-pruh .zd-pruh-vice:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
.zd-pruh .zd-pruh-vice svg{width:18px;height:18px;flex:0 0 auto;transition:transform .2s}
.zd-pruh .zd-pruh-vice-b{display:none}
.zd-pruh .zd-pruh-dalsi[open] .zd-pruh-vice-a{display:none}
.zd-pruh .zd-pruh-dalsi[open] .zd-pruh-vice-b{display:inline}
.zd-pruh .zd-pruh-dalsi[open] .zd-pruh-vice svg{transform:rotate(180deg)}
.zd-pruh .zd-pruh-dalsi > .pp-karty{margin-top:16px}
@media (min-width:900px){.zd-pruh .zd-pruh-dalsi{margin-top:20px}.zd-pruh .zd-pruh-dalsi > .pp-karty{margin-top:20px}}
@media (max-width:599px){
  .zd-pruh .zd-pruh-dalsi{margin-top:12px}
  .zd-pruh .zd-pruh-vice{display:flex;width:100%;box-sizing:border-box}
  .zd-pruh .zd-pruh-dalsi > .pp-karty{margin-top:12px}
}
/* === PRUH VŠECHNY PŘÍPADY: konec === */

/* === PRUH ODKAZ NA VŠECHNY + STRÁNKOVÁNÍ: začátek (5. 10. 2026, log #467) ===
   Pruh s víc než 12 případy nese v HTML jen 12 (3 + 9 pod „Zobrazit další“), pod nimi tmavé tlačítko
   „Zobrazit všech N případů“ na úplný seznam. Seznam /z-dilny/ a stránky filtrů: čísla stran místo
   Starší/Novější, 24 na stránku. Mobil: tlačítko přes celou šířku, u šipek stran jen ‹ ›. */
.zd-pruh .zd-pruh-vse{margin:20px 0 0}
.zd-pruh .zd-pruh-vse .btn svg{width:18px;height:18px;flex:0 0 auto}
.zda .navigation.pagination{margin:32px 0 0}
.zda .navigation.pagination .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.zda .navigation.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.zda .page-numbers{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;box-sizing:border-box;padding:0 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);text-decoration:none;font:600 15px/1 var(--display)}
.zda a.page-numbers:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.zda a.page-numbers:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 3px var(--accent-soft)}
.zda .page-numbers.current{background:var(--ink);color:#fff;box-shadow:none}
.zda .page-numbers.dots{min-width:auto;padding:0 2px;background:transparent;box-shadow:none;color:var(--muted)}
@media (max-width:599px){
  .zd-pruh .zd-pruh-vse{margin-top:12px}
  .zd-pruh .zd-pruh-vse .btn{display:flex;width:100%;box-sizing:border-box;padding:15px 20px}
  .zda .navigation.pagination{margin-top:24px}
  .zda .navigation.pagination .nav-links{gap:6px}
  .zda .page-numbers{min-width:40px;height:40px;padding:0 12px}
  .zda .page-numbers .zda-str-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
/* === PRUH ODKAZ NA VŠECHNY + STRÁNKOVÁNÍ: konec === */


/* === PRUH CO NABÍZÍME: začátek (5. 10. 2026, pokyn majitele) ===
   Pruh Z dílny i v Co nabízíme: pod hlavní nabídkou (cena + „Nezávazně poptat“), nad výpisem modelů / dalšími sekcemi.
   Stránka modelu (main.mp-flow) skládá do 1024 px sekce podle data-mp-order → pruh hned za telefon (5), před značky (6);
   bez pořadí by flex postavil pruh nad nadpis. */
/* druh a značka: pod pruhem hned začíná mřížka modelů → víc místa (Katalog má pod pruhem vlastní nadpis) */
.conabizimeprelast .zd-pruh-obal--uvnitr .zd-pruh.zdh.zdp,
.page-template-page-co-nabizime-phase-2 .zd-pruh-obal--uvnitr .zd-pruh.zdh.zdp{margin-bottom:40px}
@media (max-width:1024px){
  .mp-flow .zd-pruh-obal{order:5;min-width:0;max-width:100%}
  .mp-flow .zd-pruh-obal--uvnitr .zd-pruh.zdh.zdp{margin:0 0 30px}
}
/* === PRUH CO NABÍZÍME: konec === */

/* Okna poptávky (7. 10. 2026, dev2): QR kód na WhatsApp (jen počítač ≥ 900 px, mění rozhodnutí 1. 10. „bez QR“ na pokyn majitele
   7. 10. 2026), rozbalovací popis závady v okně poptávky, skrytý náhled fotky bez prázdného rámečku.
   Vrácení: _tmp_popup_0710/nasad.py vrat (webbot). */
.zdp .zdp-foto-nahled[hidden]{display:none}
.zdp .zd-qr{display:none}
@media (min-width:900px){
  .zdp .zd-qr{display:flex;align-items:center;gap:16px;margin:0;padding:10px 16px 10px 10px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 26px -20px oklch(0.3 0.04 70 / .55);text-align:left;max-width:420px;box-sizing:border-box}
  .zdp .zd-qr-kod{position:relative;flex:none;display:block;width:120px;height:120px;padding:7px;box-sizing:border-box;border-radius:14px;background:#fff;color:var(--ink)}
  .zdp .zd-qr-svg{display:block;width:100%;height:100%}
  .zdp .zd-qr-logo{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;display:grid;place-items:center;border-radius:8px;background:#fff;box-shadow:0 0 0 2px #fff}
  .zdp .zd-qr-logo .zdw-i{width:22px;height:22px;color:#1EA952}
  .zdp .zd-qr-text{display:grid;gap:5px;min-width:0}
  .zdp .zd-qr-text b{font:700 15px/1.25 var(--display);color:var(--ink);letter-spacing:-0.01em}
  .zdp .zd-qr-text span{font:500 13px/1.45 var(--display);color:var(--ink-2);text-wrap:pretty}
  .zdp .zdp-stk-wa .zd-qr,.zdp .zdp-form-wa .zd-qr{max-width:none;margin-top:4px}
  .zdp .cta-akce .zd-qr{width:100%}
}
.zdp .zdp-popis{margin:0;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s}
.zdp .zdp-popis[open]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.zdp .zdp-popis summary{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px 11px 11px;border-radius:14px;cursor:pointer;list-style:none;font:600 14px/1.25 var(--display);color:var(--ink)}
.zdp .zdp-popis summary::-webkit-details-marker{display:none}
.zdp .zdp-popis summary::marker{content:""}
.zdp .zdp-popis summary:focus{outline:none}
.zdp .zdp-popis summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.zdp .zdp-popis-plus{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--ink);transition:transform .25s var(--ease),background .2s}
.zdp .zdp-popis-i{width:15px;height:15px}
.zdp .zdp-popis summary:hover .zdp-popis-plus{background:var(--accent)}
.zdp .zdp-popis[open] .zdp-popis-plus{transform:rotate(45deg);background:var(--accent)}
.zdp .zdp-popis-t{min-width:0}
.zdp .zdp-popis summary small{margin-left:auto;padding-left:8px;font:500 12px/1.2 var(--display);color:var(--muted);white-space:nowrap}
.zdp .zdp-popis textarea{display:block;width:calc(100% - 24px);box-sizing:border-box;margin:0 12px 12px;min-height:108px;resize:vertical;font:500 16px/1.45 var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 13px;outline:none;box-shadow:none}
.zdp .zdp-popis textarea:focus{border-color:var(--accent);background:#fff}
.zdp .zdp-popis textarea::placeholder{color:var(--muted)}

/* ---------- 14 „Kde tohle najdete na webu“ ve vzhledu webu (8. 10. 2026) ----------
   Majitel: „miniatury mi přijdou docela holé, chci clean design, ale ke zbytku vizuálů se nehodí; i konec každého
   případu ať vypadá dobře vůči patičce“. Karta jako karty Znalostního centra a Služeb (bílá, linka, 18px rádius):
   nahoře obrázek na bílém poli oddělený linkou, pod ním druh stránky, název a
   „Otevřít →“. Sekce oddělená linkou od technického listu, nadpis jako ostatní sekce případu.
   Vrácení: _tmp_kfpostup_0810/nasad.py vrat (webbot). */
.zdp .zdp-prolink{margin-top:56px}
.zdp .zdp-prolink>.zd-prolinkovani{padding-top:40px;border-top:1px solid var(--line)}
.zdp .zd-prolinkovani__hlava{margin:0 0 22px}
.zdp .zd-prolinkovani__hlava .kicker{display:block;margin:0}
.zdp .zd-prolinkovani__h{font-size:22px;font-weight:700;letter-spacing:-0.015em;margin:10px 0 0}
.zdp .zd-prolinkovani .product-slider-glide{padding:2px 2px 6px}
.zdp .zd-prolinkovani-karta{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left;height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .25s,box-shadow .35s var(--ease)}
.zdp .zd-prolinkovani-karta:hover{border-color:var(--ink);box-shadow:0 14px 30px -18px oklch(0.3 0.04 70 / .35)}
.zdp .zd-prolinkovani-karta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.zdp .zd-prolinkovani-karta__image{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:16px;margin:0;background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;overflow:hidden}
.zdp .zd-prolinkovani-karta:hover .zd-prolinkovani-karta__image{border-color:var(--line);box-shadow:none}
.zdp .zd-prolinkovani-karta__image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .5s var(--ease)}
.zdp .zd-prolinkovani-karta:hover .zd-prolinkovani-karta__image img{transform:scale(1.04)}
.zdp .zd-prolinkovani-karta__image--logo img{width:38%;max-width:96px;max-height:60%;opacity:.9}
.zdp .zd-prolinkovani-karta__text{display:flex;flex-direction:column;gap:5px;flex:1;padding:14px 16px 16px}
.zdp .zd-prolinkovani-karta__druh{font:600 11px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.zdp .zd-prolinkovani-karta__label{font:700 15px/1.32 var(--display);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.zdp .zd-prolinkovani-karta:hover .zd-prolinkovani-karta__label{color:var(--ink)}
.zdp .zd-prolinkovani-karta__popis{font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.zdp .zd-prolinkovani-karta__dal{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;font:600 13.5px/1 var(--display);color:var(--ink)}
.zdp .zd-prolinkovani-karta__dal svg{width:15px;height:15px;flex:none;transition:transform .3s var(--ease)}
.zdp .zd-prolinkovani-karta:hover .zd-prolinkovani-karta__dal svg{transform:translateX(3px)}
@media (min-width:1025px){
  .zdp .zd-prolinkovani .glide .glide__arrows{margin-top:22px;gap:10px}
  .zdp .zd-prolinkovani .glide .glide__arrow{width:40px;height:40px;background:#fff;border:1px solid var(--line);transition:border-color .2s}
  .zdp .zd-prolinkovani .glide .glide__arrow:hover{background:#fff;border-color:var(--ink)}
  .zdp .zd-prolinkovani .glide .glide__arrow i{color:var(--ink);font-size:14px}
}
@media (max-width:768px){
  .zdp .zdp-prolink{margin-top:40px}
  .zdp .zdp-prolink>.zd-prolinkovani{padding-top:32px}
  .zdp .zd-prolinkovani__h{font-size:19px}
  .zdp .zd-prolinkovani__hlava{margin-bottom:16px}
  .zdp .zd-prolinkovani-karta{border-radius:16px}
  .zdp .zd-prolinkovani-karta__image{padding:12px}
  .zdp .zd-prolinkovani-karta__text{padding:12px 13px 14px;gap:4px}
  .zdp .zd-prolinkovani-karta__druh{font-size:10.5px;letter-spacing:.1em}
  .zdp .zd-prolinkovani-karta__label{font-size:14px}
  .zdp .zd-prolinkovani-karta__popis{font-size:12.5px}
  .zdp .zd-prolinkovani-karta__dal{font-size:13px}
}

/* ---------- 15 Kde tohle najdete na webu — menší karty, bez „Otevřít“ (8. 10. 2026) ----------
   Majitel: „pořád se mi to nelíbí, zbytečně moc velký, asi tam není potřeba dávat Otevřít“.
   Nižší pole obrázku, menší písmo a odsazení; popis pod názvem pryč (zůstává v alt obrázku).
   Vrácení: _tmp_kfilu_0810/nasad.py vrat (webbot). */
.zdp .zdp-prolink{margin-top:48px}
.zdp .zdp-prolink>.zd-prolinkovani{padding-top:32px}
.zdp .zd-prolinkovani__hlava{margin-bottom:16px}
.zdp .zd-prolinkovani__h{font-size:19px}
.zdp .zd-prolinkovani-karta{border-radius:14px}
.zdp .zd-prolinkovani-karta:hover{box-shadow:0 10px 22px -16px oklch(0.3 0.04 70 / .35)}
.zdp .zd-prolinkovani-karta__image{aspect-ratio:auto;height:92px;padding:10px 12px}
.zdp .zd-prolinkovani-karta__image--logo img{width:auto;max-width:56px;max-height:42px}
.zdp .zd-prolinkovani-karta__text{gap:3px;padding:10px 12px 12px}
.zdp .zd-prolinkovani-karta__druh{font-size:10px;letter-spacing:.1em}
.zdp .zd-prolinkovani-karta__label{font-size:13.5px;line-height:1.3}
.zdp .zd-prolinkovani-karta__popis{display:none}
@media (min-width:1025px){
  .zdp .zd-prolinkovani .glide .glide__arrows{margin-top:16px}
  .zdp .zd-prolinkovani .glide .glide__arrow{width:34px;height:34px}
  .zdp .zd-prolinkovani .glide .glide__arrow i{font-size:12px}
}
@media (max-width:768px){
  .zdp .zdp-prolink{margin-top:36px}
  .zdp .zdp-prolink>.zd-prolinkovani{padding-top:26px}
  .zdp .zd-prolinkovani__h{font-size:17px}
  .zdp .zd-prolinkovani__hlava{margin-bottom:12px}
  .zdp .zd-prolinkovani-karta{border-radius:12px}
  .zdp .zd-prolinkovani-karta__image{height:76px;padding:8px 10px}
  .zdp .zd-prolinkovani-karta__image--logo img{max-width:48px;max-height:36px}
  .zdp .zd-prolinkovani-karta__text{padding:8px 10px 10px;gap:2px}
  .zdp .zd-prolinkovani-karta__druh{font-size:9.5px;letter-spacing:.08em}
  .zdp .zd-prolinkovani-karta__label{font-size:13px}
}

/* === KÓDY Z DIAGNOSTIKY (12. 10. 2026, kap. 19 zadání): řádek kódů pod příčinou příznaku
   (zd_data.projevy.polozky[].kody) a nadpis druhé skupiny „U stejné řady jednotky se dál objevuje“.
   Na počítači je .sym dvousloupcová mřížka (otázka | příčina), kódy jdou přes celou šířku pod ně.
   Vrácení: smazat tento blok až po „KÓDY Z DIAGNOSTIKY: konec“. */
.zdp .sym .kody{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:2px;font-size:14px;line-height:1.4;color:var(--muted)}
.zdp .sym .kody .kody-l{font:600 11px/1 var(--display);letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-ink)}
.zdp .sym .kod{display:inline-flex;align-items:baseline;gap:6px}
.zdp .sym .kod code{font:600 13px/1 var(--mono);letter-spacing:0.02em;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);white-space:nowrap}
.zdp .sym-dalsi{font:600 15px/1.3 var(--display);letter-spacing:-0.01em;color:var(--ink-2);margin:28px 0 6px}
/* === KÓDY Z DIAGNOSTIKY: konec === */
/* === ILUSTRACE PŘÍZNAKŮ: začátek (14. 10. 2026) ===
   Každý příznak z knihy závad má ilustraci ze sady (Higgsfield, kap. 17.1). Na stránce případu malý
   čtverec vlevo od věty příznaku: mobil 64 px a vysvětlení pod ním přes celou šířku; od 600 px 88 px
   a vysvětlení v pravém sloupci pod větou (i na počítači pod sebou, ne vedle sebe, aby text nebyl úzký).
   Na stránce poruchy vedle nadpisu (třídy .zdp-hlava / .zdp-ilu-m jako u ilustrace sekce případu). */
.zdp .sym.sym--ilu{grid-template-columns:64px minmax(0,1fr);column-gap:14px;row-gap:8px}
.zdp .sym.sym--ilu .sym-ilu{grid-column:1;grid-row:1;align-self:start;width:64px;height:64px;border-radius:12px;background:#F6EFE2}
.zdp .sym.sym--ilu .q{grid-column:2;grid-row:1;align-self:center}
.zdp .sym.sym--ilu .a,.zdp .sym.sym--ilu .kody{grid-column:1 / -1}
@media (min-width:600px){
  .zdp .sym.sym--ilu{grid-template-columns:88px minmax(0,1fr);column-gap:20px}
  .zdp .sym.sym--ilu .sym-ilu{grid-row:1 / span 3;width:88px;height:88px;border-radius:14px}
  .zdp .sym.sym--ilu .q{align-self:start}
  .zdp .sym.sym--ilu .a,.zdp .sym.sym--ilu .kody{grid-column:2}
}
.zdpp .pp-hlava{margin-bottom:4px}
.zdpp .pp-hlava .zdp-ilu-m{margin-top:4px}
/* === ILUSTRACE PŘÍZNAKŮ: konec === */