/* Nagłówek Lajkownia - 2.16.0 (przepisany od zera: ok. 9 KB zamiast 24 KB)
   Część 3 zasad: jedna paleta (zmienne --n-* z naturalny.css, tu z wartościami zapasowymi). Kolor platformy tylko w jej logo. */
body #ast-mobile-header,body #masthead,body .ast-mobile-header-wrap,body .site-header{display:none!important}
#lh{--bg:var(--n-bg,#0d0a17);--card:var(--n-card,#1a1429);--card2:var(--n-card2,#221a36);--line:var(--n-line,rgba(255,255,255,.08));--line2:var(--n-line2,rgba(255,255,255,.14));--muted:var(--n-mut,#a9a2c3);--txt:var(--n-text,#ece9f6);--acc:var(--n-v,#8b5cf6);--pc:#c4b5fd;position:sticky;top:0;z-index:99990;width:100%;background:var(--bg);font-family:inherit}
#lh::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:var(--line)}
#lh *{box-sizing:border-box}
#lh svg{flex-shrink:0}
/* kolory platform: tylko znak w logo platformy (jasne odcienie, czytelne na ciemnym tle) */
#lh [data-p=tiktok]{--pc:#ff4f86}
#lh [data-p=instagram]{--pc:#f5609a}
#lh [data-p=youtube]{--pc:#ff5a52}
#lh [data-p=facebook]{--pc:#5b9dff}
#lh [data-p=twitch]{--pc:#b38bff}
#lh [data-p=discord]{--pc:#8b93ff}
/* zaznaczenia i najechania: neutralnie, jedna barwa dla wszystkich platform */
#lh .lh-cat,#lh .lh-pop-in a{--tint:rgba(255,255,255,.06);--tint2:var(--line2)}

/* pasek zalet */
.lh-top{position:relative;z-index:99991;background:var(--n-bg2,#140f22);border-bottom:1px solid var(--n-line,rgba(255,255,255,.08))}
.lh-top-in{list-style:none;max-width:1300px;height:34px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;align-items:center;white-space:nowrap}
.lh-top-in li{position:relative;display:inline-flex;align-items:center;gap:6px;margin:0;padding:0 20px;font-size:13px;font-weight:500;line-height:1.2;color:var(--n-text,#ece9f6)}
.lh-top-in li+li::before{content:"";position:absolute;left:0;top:50%;width:1px;height:13px;transform:translateY(-50%);background:var(--n-line2,rgba(255,255,255,.14))}
.lh-top-in svg{width:15px;height:15px;fill:none;stroke:var(--n-mut,#a9a2c3);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
body.woocommerce-checkout .lh-top{display:none}

/* główny pasek */
.lh-inner{display:flex;align-items:center;gap:14px;max-width:1300px;margin:0 auto;padding:11px 24px}
.lh-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none!important}
.lh-logo-wrap{display:inline-flex}
.lh-logo img{display:block;width:auto;height:40px;border-radius:10px}
.lh-logo-txt{font-size:20px;font-weight:900;letter-spacing:-.03em;color:#fff;white-space:nowrap}
.lh-logo-txt b,.lh-dr-logo b{font-weight:900;background:linear-gradient(90deg,#ec4899,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lh-nav{flex:1;display:flex;justify-content:center;min-width:0}
.lh-close,.lh-nav-head,.lh-dr-logo,.lh-pop,.lh-extra{display:none}
.lh-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.lh-cat{position:relative;margin:0}
.lh-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 10px;border:0;border-radius:12px;background:none;color:var(--txt);font:inherit;font-size:15px;font-weight:700;letter-spacing:normal;text-transform:none;cursor:pointer;transition:background .18s,color .18s}
.lh-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--pc)}
.lh-ic svg{width:16px;height:16px;color:var(--pc)}
.lh-name{white-space:nowrap}
.lh-arr{display:inline-flex}
.lh-arr svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:transform .2s,opacity .2s}
.lh-cat:hover>.lh-btn,.lh-cat:focus-within>.lh-btn{background:var(--tint);color:#fff}
.lh-cat:hover>.lh-btn .lh-arr svg,.lh-cat:focus-within>.lh-btn .lh-arr svg{transform:rotate(180deg);opacity:1}
.lh-cat.is-current>.lh-btn{background:var(--tint);color:#fff;box-shadow:inset 0 -2px 0 var(--acc)}

/* rozwijana lista usług (komputer) */
.lh-sub{list-style:none;position:absolute;left:50%;top:calc(100% + 10px);z-index:1000;min-width:300px;margin:0;padding:8px;border-radius:16px;border:1px solid var(--line2);background:var(--card);box-shadow:var(--n-lift,inset 0 1px 0 rgba(255,255,255,.04)),0 16px 40px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(8px);transition:opacity .18s,transform .18s,visibility 0s .18s}
.lh-sub::before{content:"";position:absolute;left:-1px;right:-1px;top:-12px;height:12px}
.lh-cat:hover>.lh-sub,.lh-cat:focus-within>.lh-sub{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);transition:opacity .18s,transform .18s}
.lh-sub li{margin:2px 0}
.lh-sub a{display:flex;align-items:center;gap:12px;min-height:48px;padding:7px 12px 7px 7px;border-radius:12px;line-height:1.3;color:var(--txt)!important;font-size:14.5px;font-weight:600;text-decoration:none!important;transition:background .15s,color .15s}
.lh-sub a::after{content:"›";margin-left:auto;font-size:18px;line-height:1;color:var(--muted);opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s}
.lh-sub a:hover,.lh-sub a:focus-visible{background:var(--card2);color:#fff!important}
.lh-sub a:hover::after,.lh-sub a:focus-visible::after{opacity:1;transform:none}
.lh-sub a.is-current{background:var(--card2);color:#fff!important;box-shadow:inset 3px 0 0 var(--acc)}
.lh-pi{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:10px}
.lh-pi svg{width:16px;height:16px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* pomoc i koszyk */
.lh-help{display:none;align-items:center;gap:7px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--txt)!important;font-size:15px;font-weight:700;text-decoration:none!important;flex-shrink:0}
.lh-help svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lh-help:hover{background:rgba(255,255,255,.07);color:#fff!important}
.lh-cart{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;width:46px;height:46px;border-radius:12px;border:1px solid var(--line2);background:var(--card2);text-decoration:none!important;transition:background .18s,border-color .18s}
.lh-cart:hover{border-color:rgba(255,255,255,.28)}
/* koszyk z produktami: wyraźniejszy (róż marki), żeby powrót do zakupu był pod ręką (kolory niżej, 2.36) */
#lh .lh-cart:has(.lh-count:not(.lh-zero)):hover{background:rgba(236,72,153,.24)}
.lh-cart svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lh-cart-txt{display:none;color:#fff;font-size:15px;font-weight:700}
.lh-count{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;border:2px solid var(--bg);background:var(--n-p,#ec4899);color:#fff;font-size:11px;font-weight:800;line-height:17px;text-align:center}
.lh-count.lh-zero{display:none}
/* część 4: po dodaniu do koszyka licznik krótko „podskakuje” (scale 1.2, 250 ms, raz) - potwierdzenie, nie ozdoba */
.lh-count.lh-bump{animation:lhPop .25s cubic-bezier(.2,.7,.2,1)}
@keyframes lhPop{0%{transform:scale(1)}45%{transform:scale(1.2)}100%{transform:scale(1)}}
.lh-burger{display:none}

@media (min-width:1200px){
  .lh-cart{width:auto;padding:0 16px 0 14px}
  .lh-cart-txt{display:inline}
  .lh-count{position:static;margin-left:2px}
}
@media (min-width:1300px){.lh-help{display:inline-flex}}
@media (min-width:922px) and (max-width:1199px){
  .lh-logo-txt{display:none}
  .lh-btn{padding:7px 8px;font-size:14.5px}
}
@media (min-width:922px) and (max-width:1023px){.lh-ic{display:none}}

/* telefon i tablet */
@media (max-width:921px){
  .lh-top-in{position:relative;height:34px;padding:0 12px;overflow:hidden}
  .lh-top-in li{position:absolute;inset:0;justify-content:center;padding:0 12px;font-size:13px;opacity:0;transform:translateY(8px);animation:lhTop 14s infinite}
  .lh-top-in li+li::before{display:none}
  .lh-top-in li:nth-child(2){animation-delay:3.5s}
  .lh-top-in li:nth-child(3){animation-delay:7s}
  .lh-top-in li:nth-child(4){animation-delay:10.5s}
  .lh-inner{gap:8px;padding:8px 14px}
  .lh-logo{margin-right:auto}
  .lh-logo img{height:34px}
  .lh-logo-txt{font-size:16.5px}
  .lh-cart{width:44px;height:44px}
  .lh-cart-txt{display:none}
  .lh-burger{display:flex;align-items:center;gap:9px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:var(--card2);color:#fff;font:inherit;cursor:pointer}
  .lh-burger:active{transform:scale(.96)}
  .lh-burger-ic{display:flex;flex-direction:column;gap:4px;width:20px}
  .lh-burger-ic span{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .3s,opacity .2s}
  .lh-burger-txt{font-size:15px;font-weight:700;line-height:1}
  .lh-burger.open .lh-burger-ic span:first-child{transform:translateY(6px) rotate(45deg)}
  .lh-burger.open .lh-burger-ic span:nth-child(2){opacity:0}
  .lh-burger.open .lh-burger-ic span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  /* menu na cały ekran */
  .lh-nav{position:fixed;inset:0;z-index:99980;display:block;width:100%;height:100%;padding:84px 16px 40px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 90% 36% at 50% 0,rgba(139,92,246,.14),transparent 60%),var(--bg);transform:translateX(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.7,.2,1),visibility 0s .32s}
  #lh.menu-open .lh-nav{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.7,.2,1)}
  .lh-dr-logo{display:flex;position:absolute;top:18px;left:16px;align-items:center;gap:10px;height:44px;color:#fff!important;font-size:19px;font-weight:800;letter-spacing:-.02em;text-decoration:none!important}
  .lh-dr-logo img{display:block;width:34px;height:34px}
  .lh-close{display:flex;position:absolute;top:18px;right:16px;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--line2);background:var(--card2);cursor:pointer}
  .lh-close svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round}
  .lh-pop{display:block;margin:0 0 22px}
  .lh-pop-h,.lh-nav-head{display:block;margin:0 4px 10px;font-size:14px;font-weight:700;color:var(--muted)}
  .lh-pop-in{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .lh-pop-in a{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:#fff!important;font-size:14px;font-weight:700;line-height:1.25;text-decoration:none!important}
  .lh-pop-in a::before{content:"";width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--pc)}
  .lh-list{flex-direction:column;align-items:stretch;gap:8px}
  .lh-cat{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--card);box-shadow:var(--n-lift,inset 0 1px 0 rgba(255,255,255,.04));transition:border-color .2s,background .2s}
  .lh-cat.open,.lh-cat.is-current{border-color:var(--line2)}
  .lh-cat.open{background:var(--card2)}
  .lh-btn{width:100%;gap:14px;padding:11px 14px;border-radius:0;color:#fff;font-size:16px;background:none!important;box-shadow:none!important}
  .lh-ic{width:40px;height:40px;border-radius:12px}
  .lh-ic svg{width:20px;height:20px}
  .lh-name{flex:1;text-align:left}
  .lh-arr{align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.04);transition:transform .3s,background .2s}
  .lh-arr svg{width:16px;height:16px;stroke:#fff;opacity:1;transform:none!important}
  .lh-cat.open .lh-arr{transform:rotate(180deg);background:var(--acc);border-color:transparent}
  .lh-sub{position:static;display:none;min-width:0;padding:0 10px 12px;border:0;border-radius:0;background:none;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none!important;transition:none}
  .lh-sub::before,.lh-sub a::after{display:none}
  .lh-cat.open .lh-sub{display:block}
  .lh-sub li{margin:0}
  .lh-sub a{margin:6px 0;padding:7px 10px 7px 7px;background:rgba(255,255,255,.04);font-size:15px}
  .lh-sub a:active{background:rgba(255,255,255,.08)}
  .lh-pi{width:34px;height:34px}
  .lh-extra{display:block;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
  .lh-extra-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .lh-extra-links li{margin:0}
  .lh-extra-links a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:#fff!important;font-size:15px;font-weight:600;text-decoration:none!important}
  .lh-extra-links a:active{background:rgba(255,255,255,.1)}
  .lh-extra-note{margin:14px 4px 0;font-size:14px;line-height:1.5;color:var(--muted)}
  #lh.menu-open .lh-pop,#lh.menu-open .lh-nav-head,#lh.menu-open .lh-list>li,#lh.menu-open .lh-extra{animation:lhIn .36s cubic-bezier(.2,.7,.2,1) both}
  #lh.menu-open .lh-list>li:nth-child(2){animation-delay:.04s}
  #lh.menu-open .lh-list>li:nth-child(3){animation-delay:.08s}
  #lh.menu-open .lh-list>li:nth-child(4){animation-delay:.12s}
  #lh.menu-open .lh-list>li:nth-child(5){animation-delay:.16s}
  #lh.menu-open .lh-list>li:nth-child(6){animation-delay:.2s}
  #lh.menu-open .lh-extra{animation-delay:.24s}
}
@media (max-width:360px){
  .lh-burger-txt{display:none}
  .lh-logo-txt{font-size:16px}
}
@keyframes lhTop{0%{opacity:0;transform:translateY(8px)}3%,22%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes lhIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
body.lh-lock{overflow:hidden!important}
body.lh-lock #lh{z-index:1000000!important}
body.lh-lock #lajk-pop-teaser,body.lh-lock .lajk-sticky-bar{display:none!important}
@media (prefers-reduced-motion:reduce){
  #lh *{animation:none!important;transition-duration:.01ms!important}
  .lh-top-in li:first-child{opacity:1;transform:none}
}
/* kasa: tylko logo (bez rozpraszania) */
body.woocommerce-checkout #lh .lh-burger,body.woocommerce-checkout #lh .lh-cart,body.woocommerce-checkout #lh .lh-nav,body.woocommerce-checkout #lh .lh-help{display:none!important}
body.woocommerce-checkout #lh .lh-inner{justify-content:center}
body.woocommerce-checkout #lh .lh-logo{margin:0 auto}
/* link „Wszystkie usługi …” na dole listy */
.lh-sub li.lh-sub-all{margin:6px 0 0;padding-top:6px;border-top:1px solid var(--line)}
#lh .lh-sub-all a{justify-content:center;padding:10px 12px;color:var(--n-link,#c4b5fd)!important;font-size:14px;font-weight:700}
#lh .lh-sub-all a::after{content:"→";opacity:1;transform:none;margin-left:6px;font-size:14px;color:inherit}
@media (min-width:922px){.lh-logo{margin-right:8px}}
@media (max-width:921px){
  .lh-sub li.lh-sub-all{border-top:0;padding-top:0}
  #lh .lh-sub-all a{display:flex!important;background:none;border:1px dashed var(--line2)}
  #lh .lh-sub-all a::after{display:inline!important}
}
#lh button,#lh .lh-burger-txt,#lh .lh-btn{letter-spacing:normal!important;text-transform:none!important}
/* 2.18.0: chowanie nagłówka na telefonie (tylko transform - płynne) i drgnięcie koszyka po dodaniu produktu */
@media (max-width:921px){#lh{transition:transform .28s cubic-bezier(.2,.7,.2,1)}#lh.lh-hide{transform:translateY(-100%)}body.lh-lock #lh,#lh.menu-open{transform:none!important;transition:none!important}}
#lh .lh-cart:has(.lh-count.lh-bump) svg{animation:lhNudge .5s ease}
@keyframes lhNudge{0%,100%{transform:none}25%{transform:rotate(-12deg) scale(1.08)}55%{transform:rotate(9deg) scale(1.05)}80%{transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){#lh{transition:none}#lh .lh-cart svg{animation:none!important}}

/* 2.30.0: Moje konto */
.lh-acc{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;width:44px;height:44px;border-radius:12px;color:#fff!important;text-decoration:none!important;transition:background .18s}
.lh-acc:hover{background:rgba(255,255,255,.07)}
.lh-acc svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.lh-acc-txt{display:none;font-size:15px;font-weight:700}
/* 2.30.2: menu platform jest szersze niż miejsce - Pomoc i Konto jako ikony, menu nie wychodzi na logo */
@media (min-width:1300px){#lh .lh-help{font-size:0;gap:0;padding:0;width:44px;justify-content:center}#lh .lh-help svg{width:21px;height:21px}}
#lh .lh-nav{justify-content:safe center}
@media (max-width:380px){.lh-acc{width:38px}}
body.woocommerce-checkout #lh .lh-acc{display:none!important}

/* 2.36: część 4 zasad - żywsze akcenty i funkcjonalne mikroanimacje (tylko transform/opacity, 150-250 ms, raz) */
/* komputer: pod platformą, której menu jest otwarte, wysuwa się fioletowa kreska - widać, skąd jest lista */
@media (min-width:922px){
  #lh .lh-btn{position:relative}
  #lh .lh-btn::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--n-v2,#a78bfa);transform:scaleX(0);transform-origin:50% 50%;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
  #lh .lh-cat:hover>.lh-btn::after,#lh .lh-cat:focus-within>.lh-btn::after,#lh .lh-cat.is-current>.lh-btn::after{transform:scaleX(1)}
  #lh .lh-cat.is-current>.lh-btn{box-shadow:none}
  #lh .lh-ic{transition:transform .2s cubic-bezier(.2,.7,.2,1),background .2s}
  #lh .lh-cat:hover .lh-ic{transform:scale(1.08);background:rgba(255,255,255,.1)}
  /* lista usług: pozycje wchodzą kolejno (25 ms), ikona usługi przesuwa się przy najechaniu */
  #lh .lh-cat:hover>.lh-sub li,#lh .lh-cat:focus-within>.lh-sub li{animation:lhSubIn .2s cubic-bezier(.2,.7,.2,1) both}
  #lh .lh-cat .lh-sub li:nth-child(2){animation-delay:25ms}
  #lh .lh-cat .lh-sub li:nth-child(3){animation-delay:50ms}
  #lh .lh-cat .lh-sub li:nth-child(4){animation-delay:75ms}
  #lh .lh-cat .lh-sub li:nth-child(5){animation-delay:100ms}
  #lh .lh-cat .lh-sub li:nth-child(n+6){animation-delay:125ms}
  #lh .lh-sub a .lh-pi{transition:transform .15s cubic-bezier(.2,.7,.2,1)}
  #lh .lh-sub a:hover .lh-pi{transform:scale(1.06)}
}
@keyframes lhSubIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* ikony usług: spokojnie i jednolicie - neutralny kafelek z jasnoszarą ikoną; kolor platformy (--pc z li[data-p])
   dopiero przy najechaniu / zaznaczeniu, czyli tylko tam, gdzie informuje (bez tęczowej rotacji fiolet/róż/pomarańcz) */
#lh .lh-pi{background:rgba(255,255,255,.06);transition:background .15s,transform .15s cubic-bezier(.2,.7,.2,1)}
#lh .lh-pi svg{stroke:#c9c3dc;transition:stroke .15s}
#lh .lh-sub a:is(:hover,:focus-visible,.is-current) .lh-pi{background:rgba(255,255,255,.1);background:color-mix(in srgb,var(--pc) 18%,transparent)}
#lh .lh-sub a:is(:hover,:focus-visible,.is-current) .lh-pi svg{stroke:var(--pc)}
/* komputer: logo platformy w menu bez kafelka - sam znak w kolorze platformy, jak w aplikacjach */
@media (min-width:1024px){
  #lh .lh-ic,#lh .lh-cat:hover .lh-ic{width:20px;height:20px;border-radius:0;background:none}
  #lh .lh-ic svg{width:18px;height:18px}
  #lh .lh-btn{gap:8px}
}
/* koszyk i konto: krótkie podniesienie przy najechaniu, wciśnięcie przy kliknięciu */
#lh :is(.lh-cart,.lh-acc,.lh-help,.lh-burger,.lh-close){transition:background .15s,border-color .15s,transform .15s cubic-bezier(.2,.7,.2,1)}
#lh .lh-cart:hover{transform:translateY(-1px)}
#lh :is(.lh-cart,.lh-acc,.lh-help,.lh-burger,.lh-close,.lh-pop-in a,.lh-extra-links a):active{transform:scale(.97)}
/* koszyk z produktami: żywszy róż marki */
#lh .lh-cart:has(.lh-count:not(.lh-zero)){border-color:rgba(244,114,182,.6);background:rgba(236,72,153,.16)}
/* telefon: najczęściej wybierane z kropką platformy; otwarta platforma z fioletową kreską po lewej */
@media (max-width:921px){
  #lh .lh-pop-in a{transition:background .15s,border-color .15s,transform .15s}
  #lh .lh-cat.open{box-shadow:inset 3px 0 0 var(--n-v2,#a78bfa),var(--n-lift,inset 0 1px 0 rgba(255,255,255,.04))}
  #lh .lh-cat.open .lh-sub li{animation:lhSubIn .2s cubic-bezier(.2,.7,.2,1) both}
  #lh .lh-cat.open .lh-sub li:nth-child(2){animation-delay:25ms}
  #lh .lh-cat.open .lh-sub li:nth-child(3){animation-delay:50ms}
  #lh .lh-cat.open .lh-sub li:nth-child(4){animation-delay:75ms}
  #lh .lh-cat.open .lh-sub li:nth-child(n+5){animation-delay:100ms}
}
@media (prefers-reduced-motion:reduce){#lh .lh-btn::after{transition:none}#lh .lh-sub li{animation:none!important}}

/* 2.37: menu w kolorach platform (Filip: szare kafle w menu były „blade”).
   Każda platforma ma własne, prawdziwe barwy marki - to informacja (gdzie jestem), nie dekoracja:
   --pc  ikona na ciemnym tle (rozjaśniony odcień marki, kontrast min. 3:1),
   --pcf wypełnienie marki (zawsze jako obraz tła, bo Instagram to gradient),
   --pct zabarwione tło kafla (16-22%), --pch zabarwienie zaznaczenia w pasku (12%). */
#lh [data-p=tiktok]{--pc:#ff5c79;--pcf:linear-gradient(135deg,#fe2c55,#fe2c55);--pct:linear-gradient(135deg,rgba(37,244,238,.2),rgba(254,44,85,.3));--pch:rgba(254,44,85,.12)}
#lh [data-p=instagram]{--pc:#ff6a9c;--pcf:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);--pct:linear-gradient(135deg,rgba(240,148,51,.3),rgba(220,39,67,.3) 50%,rgba(188,24,136,.34));--pch:rgba(225,48,108,.13)}
#lh [data-p=youtube]{--pc:#ff5470;--pcf:linear-gradient(135deg,#ff0033,#ff0033);--pct:linear-gradient(135deg,rgba(255,0,51,.27),rgba(255,0,51,.27));--pch:rgba(255,0,51,.12)}
#lh [data-p=facebook]{--pc:#62a1ff;--pcf:linear-gradient(135deg,#1877f2,#1877f2);--pct:linear-gradient(135deg,rgba(24,119,242,.32),rgba(24,119,242,.32));--pch:rgba(24,119,242,.14)}
#lh [data-p=twitch]{--pc:#b98cff;--pcf:linear-gradient(135deg,#9146ff,#9146ff);--pct:linear-gradient(135deg,rgba(145,70,255,.32),rgba(145,70,255,.32));--pch:rgba(145,70,255,.14)}
#lh [data-p=discord]{--pc:#9aa2ff;--pcf:linear-gradient(135deg,#5865f2,#5865f2);--pct:linear-gradient(135deg,rgba(88,101,242,.34),rgba(88,101,242,.34));--pch:rgba(88,101,242,.15)}
#lh .lh-cat[data-p]{--tint:var(--pch)}
/* znak TikToka: biały z przesuniętym turkusem i czerwienią, jak w oryginalnym logo */
#lh .lh-cat[data-p=tiktok] .lh-ic{color:#fff}
#lh .lh-cat[data-p=tiktok] .lh-ic svg{color:#fff;filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}

/* kafle usług w rozwijanej liście: zabarwione tło + ikona w kolorze platformy; najechanie - pełny kolor marki, biała ikona */
#lh .lh-pi{background:var(--pct,rgba(255,255,255,.06))}
#lh .lh-pi svg{stroke:var(--pc,#c9c3dc);transition:stroke .15s}
#lh .lh-sub a:is(:hover,:focus-visible,.is-current) .lh-pi{background:var(--pcf,var(--n-v,#8b5cf6))}
#lh .lh-sub a:is(:hover,:focus-visible,.is-current) .lh-pi svg{stroke:#fff}
#lh .lh-sub a{color:#fff!important}
#lh .lh-sub a::after{color:var(--pc,var(--muted))}
#lh .lh-sub-all a{color:#fff!important}
#lh .lh-sub-all a::after{color:var(--pc,#c4b5fd)!important}
#lh .lh-sub-all a:hover{background:var(--pch,var(--card2))}

@media (min-width:922px){
  /* pasek: zaznaczona / najechana platforma - tło w jej kolorze i kreska w barwie marki platformy */
  #lh .lh-btn{color:#fff}
  #lh .lh-btn::after{left:10px;right:10px;bottom:2px;background:var(--pcf,var(--n-v2,#a78bfa))}
  #lh .lh-cat.is-current>.lh-btn{background:var(--pch)}
  /* rozwijana lista: cienki pas w kolorze platformy u góry - od razu widać, czyje to usługi */
  #lh .lh-sub{min-width:310px;padding:10px 8px 8px;background:var(--pcf) top/100% 3px no-repeat,var(--card)}
}
/* komputer: znaki platform w prawdziwych barwach, nieco większe; Instagram w swoim gradiencie (maska z konturu logo) */
@media (min-width:1024px){
  #lh .lh-ic,#lh .lh-cat:hover .lh-ic{width:20px;height:20px}
  #lh .lh-ic svg{width:20px;height:20px}
  #lh .lh-cat[data-p] .lh-ic{color:var(--pcs)}
  #lh .lh-cat[data-p=youtube]{--pcs:#ff0033}
  #lh .lh-cat[data-p=facebook]{--pcs:#1877f2}
  #lh .lh-cat[data-p=twitch]{--pcs:#9146ff}
  #lh .lh-cat[data-p=discord]{--pcs:#5865f2}
  #lh .lh-cat[data-p] .lh-ic svg{color:inherit}
  #lh .lh-cat[data-p=tiktok] .lh-ic,#lh .lh-cat[data-p=tiktok] .lh-ic svg{color:#fff}
  #lh .lh-cat[data-p=instagram] .lh-ic,#lh .lh-cat[data-p=instagram]:hover .lh-ic{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);-webkit-mask:var(--ig-mask) center/20px 20px no-repeat;mask:var(--ig-mask) center/20px 20px no-repeat}
  #lh .lh-cat[data-p=instagram] .lh-ic svg{visibility:hidden}
}
#lh{--ig-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='5.2'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.6' cy='6.4' r='1.3' fill='%23000' stroke='none'/%3E%3C/svg%3E")}

/* koszyk: z produktami wyraźny róż marki (powrót do zakupu pod ręką) */
#lh .lh-cart:has(.lh-count:not(.lh-zero)){border-color:#f472b6;background:rgba(236,72,153,.2)}
#lh .lh-cart:hover{background:var(--card2);border-color:rgba(255,255,255,.3)}

/* telefon i tablet: platformy jako kafle w barwach marki (jak ikony aplikacji), otwarta platforma z kreską w jej kolorze */
@media (max-width:921px){
  #lh .lh-cat[data-p] .lh-ic{background:var(--pcf);color:#fff}
  #lh .lh-cat[data-p] .lh-ic svg{color:#fff}
  #lh .lh-cat[data-p=tiktok] .lh-ic{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
  #lh .lh-cat[data-p=youtube] .lh-ic svg{width:22px;height:22px}
  #lh .lh-cat.open{box-shadow:inset 3px 0 0 var(--pc,var(--n-v2,#a78bfa)),var(--n-lift,inset 0 1px 0 rgba(255,255,255,.04))}
  #lh .lh-cat.open .lh-arr{background:var(--pcf,var(--acc));border-color:transparent}
  #lh .lh-sub a:active .lh-pi{background:var(--pcf)}
  #lh .lh-sub a:active .lh-pi svg{stroke:#fff}
  #lh .lh-sub-all a{border-color:var(--line2)}
}