/* Displuno: znak „system pracuje, prosze czekac” (czekaj.js, 15.11.2026) — sklep, konto klienta i panel */
@keyframes czk-slide { 0% { background-position: -60% 0 } 100% { background-position: 160% 0 } }
@keyframes czk-rot { to { transform: rotate(360deg) } }
.czk-bar {
  position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 2147483000; pointer-events: none;
  opacity: 0; transition: opacity .2s;
  background-color: rgba(255, 90, 54, .18);
  background-image: linear-gradient(90deg, rgba(255, 90, 54, 0) 0, #FF5A36 35%, #FF8A6B 50%, #FF5A36 65%, rgba(255, 90, 54, 0) 100%);
  background-size: 45% 100%; background-repeat: no-repeat;
  animation: czk-slide 1.1s ease-in-out infinite;
}
.czk-pill {
  position: fixed; top: 14px; left: 50%; z-index: 2147483001; transform: translate(-50%, -8px);
  display: flex; align-items: center; gap: 9px; max-width: calc(100vw - 32px);
  padding: 9px 16px; border-radius: 999px; background: #0E1B3D; color: #fff;
  font: 600 14px/1.25 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  box-shadow: 0 6px 24px rgba(14, 27, 61, .28);
  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s, transform .2s, visibility .2s;
}
.czk-spin, .czk-btn::after {
  display: inline-block; width: 1em; height: 1em; flex: none; box-sizing: border-box;
  border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%;
  animation: czk-rot .7s linear infinite;
}
.czk-on .czk-bar { opacity: 1 }
.czk-long .czk-pill { opacity: 1; visibility: visible; transform: translate(-50%, 0) }
html.czk-on body { cursor: progress }
/* klikniety przycisk: kolko obok napisu, bez kolejnych klikniec */
.czk-btn { pointer-events: none !important; cursor: progress; opacity: .88 }
.czk-btn::after { content: "" !important; position: static !important; margin: 0 0 0 .5em; vertical-align: -.15em; background: none !important }
/* maly przycisk / sama ikona: tresc schowana, kolko na srodku (kolor ramki = color, tekst przezroczysty) */
.czk-rel { position: relative !important }
.czk-btn.czk-ico { -webkit-text-fill-color: transparent }
.czk-btn.czk-ico > * { visibility: hidden }
.czk-btn.czk-ico::after { position: absolute !important; top: 50% !important; left: 50% !important; margin: -.5em 0 0 -.5em !important }
@media (prefers-reduced-motion: reduce) {
  .czk-bar { animation: none; background-image: none; background-color: #FF5A36 }
  .czk-spin, .czk-btn::after { animation-duration: 2s }
}
@media print { .czk-bar, .czk-pill { display: none } }