/* PLIK GENEROWANY z wzorzec/katalog (czesc _kat-hero-youtube) przez narzedzia/wzorzec/przenies.mjs.
   Scena hero strony kategorii "youtube": 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--youtube{color:#ff0033;}
  .lk-kat .lk-k-sk-yt{position:absolute;top:66px;left:98px;width:330px;overflow:hidden;border-radius:20px;background:#fff;box-shadow:var(--shadow-lg);}
  .lk-kat .lk-k-sk-yt__film{position:relative;display:block;aspect-ratio:16 / 9;}
  .lk-kat .lk-k-sk-yt__film > svg{display:block;width:100%;height:100%;}
  .lk-kat .lk-k-sk-yt__graj{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:58px;height:40px;margin:-20px 0 0 -29px;border-radius:12px;
    background:rgba(14,15,17,.72);color:#fff;}
  .lk-kat .lk-k-sk-yt__czas{position:absolute;right:8px;bottom:10px;padding:1px 6px;border-radius:4px;background:rgba(14,15,17,.8);color:#fff;font-size:11px;font-style:normal;font-weight:700;}
  .lk-kat .lk-k-sk-yt__postep{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.4);}
  .lk-kat .lk-k-sk-yt__postep i{display:block;width:100%;height:100%;background:#ff0033;transform-origin:left;animation:lk-k-sk-postep 12s linear infinite;}
  .lk-kat .lk-k-sk-yt__tresc{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;}
  .lk-kat .lk-k-sk-yt__tytul{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.3;color:var(--ink-900);}
  .lk-kat .lk-k-sk-yt__wyswietlenia{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink-500);}
  .lk-kat .lk-k-sk-yt__wyswietlenia .lk-k-zmienny{width:50px;height:18px;}
  .lk-kat .lk-k-sk-yt__wyswietlenia .lk-k-zmienny span{font-weight:700;color:var(--orange-500);}
  .lk-kat .lk-k-sk-yt__kanal{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--ink-100);}
  .lk-kat .lk-k-sk-yt__awatar{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--ink-900);color:#fff;
    font-family:var(--font-display);font-size:13px;font-weight:800;}
  .lk-kat .lk-k-sk-yt__nazwa{display:flex;flex-direction:column;min-width:0;font-size:12px;color:var(--ink-500);}
  .lk-kat .lk-k-sk-yt__nazwa b{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--ink-900);}
  .lk-kat .lk-k-sk-yt__nazwa > span{display:flex;align-items:center;gap:4px;}
  .lk-kat .lk-k-sk-yt__nazwa .lk-k-zmienny{width:40px;height:16px;}
  .lk-kat .lk-k-sk-yt__nazwa .lk-k-zmienny span{font-weight:700;color:var(--orange-500);}
  .lk-kat .lk-k-sk-yt__subskrybuj{margin-left:auto;padding:8px 14px;border-radius:999px;background:var(--ink-900);color:#fff;font-family:var(--font-display);font-size:13px;font-weight:700;
    animation:lk-k-sk-subskrybuj 4s ease-in-out infinite;}
  .lk-kat .lk-k-sk-yt__akcje{display:flex;gap:8px;}
  .lk-kat .lk-k-sk-yt__akcje > span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--ink-100);font-family:var(--font-display);font-size:12.5px;
    font-weight:700;color:var(--ink-800);}
  .lk-kat .lk-k-sk-yt__kciuk .lk-k-zmienny{width:32px;height:16px;}
  .lk-kat .lk-k-sk-scena--youtube .lk-k-sk-yt__kciuki{top:250px;left:118px;}
  @keyframes lk-k-sk-subskrybuj{0%,40%,100%{background:var(--ink-900);transform:none}48%{transform:scale(1.08)}56%,92%{background:#ff0033;transform:none}}