/* Plovoucí návrat na Webrenovace (varianta 5 z 23. 9. 2026): bílá karta,
   Ren z loga se opírá o pravý horní roh. Není součást ukázky, proto vlastní
   písmo a barvy. z-index 45 je pod otevřeným menu ukázek (60) a nad obsahem.
   Ren je jen obrázek z loga (img/ren.webp), víčka na mrknutí jsou SVG nad ním.
   Ren stojí nad horním řádkem, takže karta potřebuje vpravo místo jen tehdy,
   když je horní řádek delší než spodní. Na počítači je spodní „Zpět na
   Webrenovace.cz“ delší a Ren se vejde nad konec, na mobilu je „← Webrenovace.cz“
   kratší a karta se pro Rena musí prodloužit (23. 9. 2026). */
.zpetwr{position:fixed;left:16px;bottom:16px;z-index:45;display:inline-block;padding-top:44px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;line-height:1;
  color:#0B1F3F;text-decoration:none;-webkit-tap-highlight-color:transparent}
.zpetwr:focus-visible{outline:3px solid #CC5803;outline-offset:4px;border-radius:14px}
.zpetwr-ren{position:absolute;right:4px;top:0;z-index:2;display:block;width:56px;aspect-ratio:560/610;
  transform:rotate(8deg);transition:transform .35s cubic-bezier(.3,1.5,.5,1);
  filter:drop-shadow(1.7px 0 0 #fff) drop-shadow(-1.7px 0 0 #fff) drop-shadow(0 1.7px 0 #fff) drop-shadow(0 -1.7px 0 #fff) drop-shadow(0 3px 5px rgba(8,18,30,.35))}
.zpetwr-ren img{display:block;width:100%;height:auto}
.zpetwr-ren svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.zpetwr-vicko{transform-box:fill-box;transform-origin:center;transform:scaleY(0);animation:zpetwr-mrk 5.5s infinite}
@keyframes zpetwr-mrk{0%,93%,100%{transform:scaleY(0)}95.5%{transform:scaleY(1)}}
.zpetwr:hover .zpetwr-ren{transform:rotate(-2deg) translateY(-5px)}
.zpetwr-karta{position:relative;z-index:1;display:block;background:#fff;border:2px solid #0B1F3F;border-radius:14px;
  padding:10px 20px 11px 16px;white-space:nowrap;box-shadow:0 0 0 3px #fff,0 8px 22px rgba(8,18,30,.38);transition:background .2s}
.zpetwr:hover .zpetwr-karta{background:#EAF1FA}
.zpetwr-karta small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#14508C;margin-bottom:5px}
.zpetwr-karta b{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.01em}
.zpetwr-karta i{font-style:normal;color:#14508C}
@media (max-width:560px){
  .zpetwr{left:12px;bottom:12px}
  .zpetwr .dlouhy{display:none}
  .zpetwr-karta{padding-right:70px}
}
@media (prefers-reduced-motion:reduce){.zpetwr-ren,.zpetwr-karta,.zpetwr-vicko{animation:none;transition:none}}

/* Pruh „UKÁZKA. Tahle firma neexistuje“ nad každou ukázkou (23. 9. 2026).
   Dřív si ho každá ukázka barvila svou paletou, většinou stejně jako
   hlavičku pod ním, a pruh s hlavičkou splynuly v jeden vysoký blok:
   logo a telefon pak neseděly na středu. Pruh není součást ukázky, je
   to poznámka Webrenovace, proto barvy karty Zpět a tmavá linka, která
   ho od hlavičky oddělí, ať je hlavička světlá, nebo tmavá.
   p.demo, ne .demo: přebíjí pravidlo ukázky i v jejích media queries. */
p.demo{background:#EAF1FA;color:#14508C;border-bottom:2px solid #0B1F3F;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  font-size:13px;line-height:1.45;padding:8px 16px;text-align:center;letter-spacing:0;text-transform:none}
p.demo b{color:#0B1F3F;font-weight:800;letter-spacing:.04em}