/* PLIK GENEROWANY z wzorzec/katalog (czesc _kat-hero-soundcloud) przez narzedzia/wzorzec/przenies.mjs.
   Scena hero strony kategorii "soundcloud": 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--soundcloud{color:#ff5500;}
  .lk-kat .lk-k-sk-sc{position:absolute;top:40px;left:92px;width:348px;overflow:hidden;border-radius:20px;background:#fff;box-shadow:var(--shadow-lg);}
  .lk-kat .lk-k-sk-sc__profil{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--ink-100);}
  .lk-kat .lk-k-sk-sc__awatar{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--ink-900);color:#fff;
    font-family:var(--font-display);font-size:14px;font-weight:800;}
  .lk-kat .lk-k-sk-sc__kto{display:flex;flex-direction:column;font-size:12px;color:var(--ink-500);}
  .lk-kat .lk-k-sk-sc__kto b{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--ink-900);}
  .lk-kat .lk-k-sk-sc__kto > span{display:flex;align-items:center;gap:4px;}
  .lk-kat .lk-k-sk-sc__kto .lk-k-zmienny{width:40px;height:16px;}
  .lk-kat .lk-k-sk-sc__kto .lk-k-zmienny span{font-weight:700;color:var(--orange-500);}
  .lk-kat .lk-k-sk-sc__follow{margin-left:auto;padding:8px 18px;border-radius:6px;background:#ff5500;color:#fff;font-family:var(--font-display);font-size:13px;font-weight:700;}
  .lk-kat .lk-k-sk-sc__utwor{display:flex;align-items:center;gap:14px;padding:14px 16px 12px;}
  .lk-kat .lk-k-sk-sc__okladka{display:block;flex:none;width:88px;height:88px;overflow:hidden;border-radius:10px;}
  .lk-kat .lk-k-sk-sc__graj{display:flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:#ff5500;color:#fff;
    animation:lk-k-sk-puls-sc 2s ease-in-out infinite;}
  .lk-kat .lk-k-sk-sc__info{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12.5px;color:var(--ink-500);}
  .lk-kat .lk-k-sk-sc__info b{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink-900);}
  .lk-kat .lk-k-sk-sc__fala{position:relative;height:70px;margin:0 16px;}
  .lk-kat .lk-k-sk-sc__baza,.lk-kat .lk-k-sk-sc__gra > div{display:flex;align-items:center;gap:2px;width:316px;height:100%;}
  .lk-kat .lk-k-sk-sc__baza i,.lk-kat .lk-k-sk-sc__gra i{flex:1;border-radius:1px;background:var(--ink-200);}
  .lk-kat .lk-k-sk-sc__gra{position:absolute;top:0;bottom:0;left:0;width:0;overflow:hidden;animation:lk-k-sk-gra 10s linear infinite;}
  .lk-kat .lk-k-sk-sc__gra i{background:#ff5500;}
  .lk-kat .lk-k-sk-sc__komentarze{position:relative;height:24px;margin:0 16px;}
  .lk-kat .lk-k-sk-sc__kom{position:absolute;top:0;width:0;height:22px;}
  .lk-kat .lk-k-sk-sc__kom i{position:absolute;top:4px;left:-7px;width:14px;height:14px;border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 1px var(--ink-200);}
  .lk-kat .lk-k-sk-sc__kom em{position:absolute;bottom:24px;left:-12px;padding:5px 9px;border-radius:8px;background:var(--ink-900);color:#fff;font-size:11.5px;font-style:normal;
    line-height:1.3;white-space:nowrap;animation:lk-k-sk-sc-kom 10s ease-out infinite backwards;}
  .lk-kat .lk-k-sk-sc__kom em b{font-weight:700;color:#ff9c81;}
  .lk-kat .lk-k-sk-sc__kom--prawo em{left:auto;right:-12px;}
  .lk-kat .lk-k-sk-sc__metryki{display:flex;align-items:center;gap:16px;padding:8px 16px 14px;font-size:13px;font-weight:600;color:var(--ink-500);}
  .lk-kat .lk-k-sk-sc__metryki > span{display:flex;align-items:center;gap:5px;}
  .lk-kat .lk-k-sk-sc__metryki svg{color:var(--ink-400);}
  .lk-kat .lk-k-sk-sc__metryki .lk-k-zmienny{width:46px;height:16px;}
  .lk-kat .lk-k-sk-sc__metryki .lk-k-zmienny span{font-weight:700;color:var(--orange-500);}
  .lk-kat .lk-k-sk-sc__pisz{display:flex;align-items:center;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--ink-100);}
  .lk-kat .lk-k-sk-sc__ja{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#ff9c81;color:#fff;
    font-family:var(--font-display);font-size:11px;font-weight:800;}
  .lk-kat .lk-k-sk-sc__pole{flex:1;padding:8px 12px;border:1px solid var(--ink-200);border-radius:4px;background:var(--ink-50);font-size:13px;color:var(--ink-400);}

  @keyframes lk-k-sk-gra{from{width:0}to{width:100%}}
  @keyframes lk-k-sk-puls-sc{0%,100%{box-shadow:0 0 0 0 rgba(255,85,0,.45)}50%{box-shadow:0 0 0 10px rgba(255,85,0,0)}}
  @keyframes lk-k-sk-sc-kom{0%{opacity:0;transform:translateY(4px)}2%,16%{opacity:1;transform:none}20%,100%{opacity:0;transform:none}}
  @media (prefers-reduced-motion: reduce){
    .lk-kat .lk-k-sk-sc__gra{width:62%;}
    .lk-kat .lk-k-sk-sc__kom em{opacity:0;}
    .lk-kat .lk-k-sk-sc__kom:nth-child(2) em{opacity:1;}}