/* PLIK GENEROWANY z wzorzec/katalog (czesc _kat-hero-spotify) przez narzedzia/wzorzec/przenies.mjs.
   Scena hero strony kategorii "spotify": 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--spotify{color:#169c46;}
  .lk-kat .lk-k-sk-sp{position:absolute;top:52px;left:104px;width:322px;overflow:hidden;border-radius:20px;background:#fff;box-shadow:var(--shadow-lg);}
  .lk-kat .lk-k-sk-sp__baner{position:relative;height:110px;}
  .lk-kat .lk-k-sk-sp__baner > svg{position:absolute;inset:0;width:100%;height:100%;}
  .lk-kat .lk-k-sk-sp__zweryfikowany{position:absolute;left:16px;top:18px;display:flex;align-items:center;gap:6px;color:#fff;font-size:11.5px;font-weight:700;}
  .lk-kat .lk-k-sk-sp__zweryfikowany svg{padding:2px;border-radius:999px;background:#3d91f4;color:#fff;}
  .lk-kat .lk-k-sk-sp__artysta{position:absolute;left:16px;bottom:12px;color:#fff;font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.02em;}
  .lk-kat .lk-k-sk-sp__tresc{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;}
  .lk-kat .lk-k-sk-sp__glowa{display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .lk-kat .lk-k-sk-sp__sluchacze{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink-600);}
  .lk-kat .lk-k-sk-sp__sluchacze .lk-k-zmienny{width:42px;height:18px;}
  .lk-kat .lk-k-sk-sp__sluchacze .lk-k-zmienny span{font-weight:700;color:var(--orange-500);}
  .lk-kat .lk-k-sk-sp__graj{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#1db954;color:#0e0f11;animation:lk-k-sk-puls-graj 2s ease-in-out infinite;}
  .lk-kat .lk-k-sk-sp__etykieta{margin-top:2px;font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--ink-900);}
  .lk-kat .lk-k-sk-sp__utwor{display:grid;grid-template-columns:18px 34px minmax(0,1fr) auto 32px;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;font-size:12px;color:var(--ink-600);}
  .lk-kat .lk-k-sk-sp__utwor--gra{background:var(--ink-50);}
  .lk-kat .lk-k-sk-sp__utwor--gra .lk-k-sk-sp__tytul{color:#169c46;}
  .lk-kat .lk-k-sk-sp__nr{text-align:center;color:var(--ink-400);}
  .lk-kat .lk-k-sk-sp__okladka{display:block;width:34px;height:34px;overflow:hidden;border-radius:4px;}
  .lk-kat .lk-k-sk-sp__okladka svg{display:block;width:100%;height:100%;}
  .lk-kat .lk-k-sk-sp__tytul{min-width:0;overflow:hidden;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--ink-900);text-overflow:ellipsis;white-space:nowrap;}
  .lk-kat .lk-k-sk-sp__odtw{font-variant-numeric:tabular-nums;}
  .lk-kat .lk-k-sk-sp__odtw .lk-k-zmienny{width:42px;height:16px;}
  .lk-kat .lk-k-sk-sp__odtw .lk-k-zmienny span{font-weight:700;color:var(--orange-500);}
  .lk-kat .lk-k-sk-sp__odtw b{font-weight:600;}
  .lk-kat .lk-k-sk-sp__czas{text-align:right;color:var(--ink-400);}
  .lk-kat .lk-k-sk-sp__rownowaga{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:14px;}
  .lk-kat .lk-k-sk-sp__rownowaga i{width:3px;height:100%;border-radius:1px;background:#169c46;transform-origin:bottom;animation:lk-k-sk-korektor 1s ease-in-out infinite;}
  .lk-kat .lk-k-sk-sp__rownowaga i:nth-child(2){animation-delay:.25s;}
  .lk-kat .lk-k-sk-sp__rownowaga i:nth-child(3){animation-delay:.5s;}
  .lk-kat .lk-k-sk-sp__rownowaga i:nth-child(4){animation-delay:.75s;}
  .lk-kat .lk-k-sk-scena--spotify .lk-k-sk-sp__nuty{top:96px;left:372px;}
  @keyframes lk-k-sk-puls-graj{0%,100%{box-shadow:0 0 0 0 rgba(29,185,84,.45)}50%{box-shadow:0 0 0 10px rgba(29,185,84,0)}}
  @keyframes lk-k-sk-korektor{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
