/* PLIK GENEROWANY z wzorzec/katalog (czesc _kat-hero-discord) przez narzedzia/wzorzec/przenies.mjs.
   Scena hero strony kategorii "discord": laduje go tylko ta strona, po arkuszu assets/css/liikye-kat.css (inc/sklep-kat.php).
   Nie edytuj recznie: zmiana wygladu to zmiana wzorca za zgoda Mateusza i npm run generuj-arkusz. */
.lk-kat .lk-k-sk-slowo--discord{color:#5865f2;}
  .lk-kat .lk-k-sk-dc{position:absolute;top:36px;left:96px;display:flex;flex-direction:column;gap:12px;width:334px;}
  .lk-kat .lk-k-sk-dc__serwer{display:flex;flex-direction:column;gap:7px;padding:14px 16px 14px;border-radius:18px;background:#313338;box-shadow:var(--shadow-lg);color:#dbdee1;}
  .lk-kat .lk-k-sk-dc__naglowek{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#949ba4;}
  .lk-kat .lk-k-sk-dc__osoba{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:14px;font-weight:600;color:#f2f3f5;}
  .lk-kat .lk-k-sk-dc__osoba--1{animation:lk-k-sk-dc-1 8s ease-out infinite;}
  .lk-kat .lk-k-sk-dc__osoba--2{animation:lk-k-sk-dc-2 8s ease-out infinite;}
  .lk-kat .lk-k-sk-dc__osoba--3{animation:lk-k-sk-dc-3 8s ease-out infinite;}
  .lk-kat .lk-k-sk-dc__osoba--4{animation:lk-k-sk-dc-4 8s ease-out infinite;}
  .lk-kat .lk-k-sk-dc__av{display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;color:#fff;font-size:11px;font-weight:800;}
  .lk-kat .lk-k-sk-dc__witaj{display:flex;align-items:center;gap:8px;margin-top:3px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#949ba4;
    animation:lk-k-sk-dc-2 8s ease-out infinite;}
  .lk-kat .lk-k-sk-dc__witaj svg{flex:none;color:#23a55a;}
  .lk-kat .lk-k-sk-dc__witaj b{font-weight:700;color:#f2f3f5;}
  .lk-kat .lk-k-sk-dc__zaproszenie{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;border-radius:18px;background:#2b2d31;box-shadow:var(--shadow-lg);}
  .lk-kat .lk-k-sk-dc__nad{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#b5bac1;}
  .lk-kat .lk-k-sk-dc__rzad{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
  .lk-kat .lk-k-sk-dc__ikona{display:flex;flex:none;align-items:center;justify-content:center;width:50px;height:50px;border-radius:16px;background:#5865f2;color:#fff;
    font-family:var(--font-display);font-size:16px;font-weight:800;}
  .lk-kat .lk-k-sk-dc__info{display:flex;flex-direction:column;gap:3px;min-width:0;}
  .lk-kat .lk-k-sk-dc__info b{font-family:var(--font-display);font-size:15px;font-weight:700;color:#f2f3f5;}
  .lk-kat .lk-k-sk-dc__liczby{display:flex;align-items:center;gap:5px;font-size:12px;color:#b5bac1;}
  .lk-kat .lk-k-sk-dc__kropka{flex:none;width:8px;height:8px;border-radius:999px;background:#80848e;}
  .lk-kat .lk-k-sk-dc__kropka--on{background:#23a55a;}
  .lk-kat .lk-k-sk-dc__liczby .lk-k-sk-dc__kropka:not(.lk-k-sk-dc__kropka--on){margin-left:8px;}
  .lk-kat .lk-k-sk-dc__liczby .lk-k-zmienny{width:36px;height:16px;}
  .lk-kat .lk-k-sk-dc__liczby .lk-k-zmienny:nth-of-type(2){width:42px;}
  .lk-kat .lk-k-sk-dc__liczby .lk-k-zmienny span{font-weight:700;color:#fff;}
  .lk-kat .lk-k-sk-dc__dolacz{flex-basis:100%;padding:9px 16px;border-radius:6px;background:#248046;color:#fff;text-align:center;font-family:var(--font-display);font-size:14px;font-weight:700;
    animation:lk-k-sk-puls-dc 2s ease-in-out infinite;}
  @keyframes lk-k-sk-dc-1{0%,3%{opacity:0;transform:translateX(-14px)}8%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
  @keyframes lk-k-sk-dc-2{0%,10%{opacity:0;transform:translateX(-14px)}15%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
  @keyframes lk-k-sk-dc-3{0%,17%{opacity:0;transform:translateX(-14px)}22%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
  @keyframes lk-k-sk-dc-4{0%,24%{opacity:0;transform:translateX(-14px)}29%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
  @keyframes lk-k-sk-puls-dc{0%,100%{box-shadow:0 0 0 0 rgba(36,128,70,.5)}50%{box-shadow:0 0 0 8px rgba(36,128,70,0)}}