/* PLIK GENEROWANY z wzorzec/katalog (czesc _kat-hero-tiktok) przez narzedzia/wzorzec/przenies.mjs.
   Scena hero strony kategorii "tiktok": 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--tiktok{color:var(--ink-900);text-shadow:-2px -2px 0 #25f4ee,2px 2px 0 #fe2c55;}
  .lk-kat .lk-k-sk-tt{position:absolute;top:30px;left:124px;width:236px;height:420px;overflow:hidden;border-radius:26px;background:#16181d;box-shadow:var(--shadow-lg);color:#fff;}
  .lk-kat .lk-k-sk-tt > svg{position:absolute;inset:0;width:100%;height:100%;}
  .lk-kat .lk-k-sk-tt__gora{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center;gap:14px;font-family:var(--font-display);font-size:13px;}
  .lk-kat .lk-k-sk-tt__gora span{color:rgba(255,255,255,.62);}
  .lk-kat .lk-k-sk-tt__gora b{padding-bottom:4px;border-bottom:2px solid #fff;font-weight:800;}
  .lk-kat .lk-k-sk-tt__boczne{position:absolute;right:8px;bottom:58px;display:flex;flex-direction:column;align-items:center;gap:12px;}
  .lk-kat .lk-k-sk-tt__awatar{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:6px;border:2px solid #fff;border-radius:999px;
    background:var(--orange-500);font-family:var(--font-display);font-size:14px;font-weight:800;}
  .lk-kat .lk-k-sk-tt__awatar i{position:absolute;bottom:-9px;left:50%;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:-9px;border-radius:999px;
    background:#fe2c55;font-size:13px;font-style:normal;font-weight:800;line-height:1;}
  .lk-kat .lk-k-sk-tt__akcja{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-display);font-size:11.5px;font-weight:700;}
  .lk-kat .lk-k-sk-tt__akcja svg{color:#fff;}
  .lk-kat .lk-k-sk-tt__akcja--serce svg{color:#fe2c55;animation:lk-k-serce 2.4s ease-in-out infinite;}
  .lk-kat .lk-k-sk-tt__akcja .lk-k-zmienny{width:40px;height:16px;text-align:center;}
  .lk-kat .lk-k-sk-tt__akcja .lk-k-zmienny span{width:40px;font-size:11.5px;color:#fff;}
  .lk-kat .lk-k-sk-tt__plyta{width:34px;height:34px;margin-top:4px;border:7px solid #0e0f11;border-radius:999px;background:var(--orange-400);box-shadow:0 0 0 2px rgba(255,255,255,.14);
    animation:lk-k-sk-kreci 4s linear infinite;}
  .lk-kat .lk-k-sk-tt__dol{position:absolute;left:14px;right:64px;bottom:22px;display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.35;}
  .lk-kat .lk-k-sk-tt__dol b{font-family:var(--font-display);font-size:14px;font-weight:800;}
  .lk-kat .lk-k-sk-tt__dzwiek{display:flex;align-items:center;gap:5px;white-space:nowrap;color:rgba(255,255,255,.85);}
  .lk-kat .lk-k-sk-tt__postep{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.22);}
  .lk-kat .lk-k-sk-tt__postep i{display:block;width:100%;height:100%;background:#fff;transform-origin:left;animation:lk-k-sk-postep 8s linear infinite;}
  .lk-kat .lk-k-sk-scena--tiktok .lk-k-sk-tt__serca{top:120px;left:310px;}

  @keyframes lk-k-sk-kreci{to{transform:rotate(360deg)}}