/* Úvodní loader v32 — zásah za běhu (LandingRenderer::loader(), pokyn majitele 01/11/2026).
   Podklady mají logo uprostřed a sdělení + procenta absolutně u spodního okraje (style.css „v10.1/v11“),
   kde si jich návštěvník nevšimne. Renderer je obalí do .ld-blok: logo → sdělení → průběh (pruh + %),
   jeden svislý blok vystředěný v #loader (grid place-items:center ze style.css). Časování, animace
   kreslení loga, prolnutí po načtení i reduced-motion zůstávají ze style.css a inline skriptu. */
.ld-blok{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.6vh,30px);max-width:calc(100vw - 40px);text-align:center}
.ld-blok .ld-slogan,.ld-blok .ld-pct{position:static;inset:auto;margin:0}
.ld-blok .ld-slogan{width:auto;max-width:34ch;line-height:1.4}
.ld-prubeh{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:clamp(0px,.6vh,6px)}
.ld-bar{position:relative;display:block;width:clamp(120px,12vw,220px);height:3px;border-radius:3px;overflow:hidden;background:rgba(24,137,139,.14);
  opacity:0;animation:ldUp .9s var(--ease) .6s forwards}
.ld-bar i{position:absolute;inset:0;border-radius:inherit;background:var(--violet);transform:scaleX(0);transform-origin:left center;will-change:transform}
.ld-blok .ld-pct{min-width:3.2ch;justify-content:flex-start;color:var(--ink-2)}
@media(max-width:520px){.ld-blok{gap:16px}.ld-bar{width:120px}}
@media(prefers-reduced-motion:reduce){.ld-bar{opacity:1;animation:none}}