/* Lajkownia - naturalniejszy wygląd (14.10.2026)
 * 16.10.2026 (szybkość): usunięte selektory, które nie pasują do niczego na żadnej stronie sklepu (sprawdzone na 77 stronach,
 *   telefon i komputer, z menu, koszykiem, popupem i banerem cookies) i których klas nie dodaje żaden skrypt, oraz deklaracje
 *   zawsze przykryte późniejszą regułą o tym samym selektorze - wygląd bez zmian (style obliczone i zrzuty przed/po identyczne).
 * Zasady: lajkownia-audyt/ZASADY-WYGLADU.md. Wstawiane w <head> późno (wp_head 99), na wszystkich stronach.
 * Tu trafiają nadpisania dla stron zapisanych w treści (strona główna, strony informacyjne) i starych, zminifikowanych arkuszy.
 * Wyłączenie: define('LJK_NATURALNY_OFF', true);
 */

/* ============ 0. wspólne: paleta marki (część 3 zasad) ============ */
/* Jedyne źródło kolorów dla naturalny.css, naturalny-strony.css i modułów. Kolory platform tylko w ich ikonach. */
:root{
  /* tła: śliwkowa czerń, sekcja zabarwiona, karta, karta wyróżniona / najechana */
  --n-bg:#0d0a17;--n-bg2:#140f22;--n-card:#1a1429;--n-card2:#221a36;
  /* linie */
  --n-line:rgba(255,255,255,.08);--n-line2:rgba(255,255,255,.14);
  /* tekst: treść, drugorzędny, nagłówki */
  --n-text:#ece9f6;--n-mut:#a9a2c3;--n-head:#fff;
  /* marka: fiolet, róż, pomarańcz (wypełnienia); gradient tylko: główny przycisk zakupu, logo, jeden pas wezwania */
  --n-v:#8b5cf6;--n-p:#ec4899;--n-o:#f97316;
  /* część 4: jaśniejsze, bardziej nasycone odcienie do akcentów na ciemnym tle (ikony, kreski, znaczniki, poświaty) */
  --n-v2:#a78bfa;--n-p2:#f472b6;--n-o2:#fb923c;
  /* gradient przycisku zakupu: żywy, najwyższy kontrast na ekranie; pod spodem tylko neutralny cień dla głębi */
  --n-grad-buy:linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%);
  --n-buy-shadow:0 8px 24px rgba(0,0,0,.35);
  --n-grad:var(--n-grad-buy);
  /* ten sam gradient przyciemniony - tło pasa z białym tekstem (biały tekst min. 4,5:1 na całej szerokości) */
  --n-grad-deep:linear-gradient(120deg,#7c3aed 0%,#c026d3 30%,#db2777 62%,#c2410c 100%);
  /* zabarwienie sekcji --n-bg2: fiolet -> róż, max 12% */
  --n-tint:radial-gradient(1000px 360px at 50% 0,rgba(139,92,246,.16),transparent 70%),linear-gradient(160deg,rgba(139,92,246,.06),rgba(236,72,153,.05) 60%,rgba(249,115,22,.03));
  /* akcenty tekstowe */
  --n-link:#c4b5fd;--n-link2:#ddd6fe;--n-price:#f472b6;--n-ok:#34d399;--n-star:#fbbf24;--n-err:#f87171;--n-warn:#fbbf24;--n-info:#a78bfa;
  /* kafle ikon: tło 18-20% + ikona w pełnym, nasyconym kolorze (trójka marki + zielony tylko dla gwarancji/sukcesu) */
  --n-v-bg:rgba(139,92,246,.2);--n-v-ic:var(--n-v2);--n-p-bg:rgba(236,72,153,.18);--n-p-ic:var(--n-p2);--n-o-bg:rgba(249,115,22,.18);--n-o-ic:var(--n-o2);--n-ok-bg:rgba(52,211,153,.16);--n-ok-ic:var(--n-ok);
  /* głębia karty: delikatne górne światło; podniesiona karta (hover): neutralny cień */
  --n-lift:inset 0 1px 0 rgba(255,255,255,.04);--n-lift2:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.35);
  /* ruch: krzywa i czasy mikroanimacji (część 4: 150-300 ms, raz, bez pętli) */
  --n-ease:cubic-bezier(.2,.7,.2,1);--n-t1:.15s;--n-t2:.25s;
  /* krój do czytania dłuższych tekstów (Sora tylko w nagłówkach i liczbach interfejsu) - bez nowych plików czcionek */
  --n-ff-txt:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  /* zgodność wstecz: starsze nazwy w naturalny*.css */
  --n-txt:var(--n-text);--n-pink:var(--n-price);--n-amber:var(--n-star);
  /* zgodność wstecz: zmienne sklepu z ulepszenia.css - ta sama paleta, przycisk zakupu w gradiencie marki, cień neutralny (bez poświaty) */
  --ljk-bg:var(--n-bg);--ljk-surface:var(--n-card);--ljk-line:var(--n-line);--ljk-text:var(--n-text);--ljk-muted:var(--n-mut);--ljk-brand:var(--n-v);--ljk-buy:var(--n-grad-buy);--ljk-buy-shadow:var(--n-buy-shadow);
}
:root{--n-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a2c3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--n-chevr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a2c3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E")}
/* pełnoekranowe sekcje (100vw) nie mogą dawać poziomego przewijania o szerokość paska przewijania */
html{overflow-x:clip}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* R5: Astra daje linkom transition:all - przy każdej zmianie klasy animowały się też odstępy, wysokość i rozmiar czcionki
   (przeliczanie układu w każdej klatce; „animacje nie-kompozytowane” w PageSpeed). Zostają kolory, przezroczystość, przesunięcie. */
a,a *{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform}
#lajk-pop-teaser svg,#lajk-pop-teaser svg *{transition:none}
/* ============ 1. paski nad nagłówkiem ============ */
/* Jeden pasek: promocja dnia wchodzi do paska zalet (promocja-dnia.php). Telefon i tablet: sama promocja w jednej linii,
   bez promocji (zamknięta) pasek znika. Komputer: promocja po lewej, zalety po prawej, spokojnie, bez ikon w kafelkach. */
@media (max-width:1023px){html:not(.ljk-pd-r) .lh-top:not(.has-pd){display:none!important}html.ljk-pd-r .lh-top:not(.has-pd) .lh-top-in{visibility:hidden}html.ljk-pd-r .lh-top.ljk-pd-0:not(.has-pd) .lh-top-in{visibility:visible}
/* R5: stała wysokość zarezerwowanego paska na telefonie (nie tylko min-height) - nic pod nim nie może się przesunąć */
html.ljk-pd-r .lh-top{height:44px;overflow:hidden}}
.lh-top{background:var(--n-bg2);border-bottom:1px solid var(--n-line)}
.lh-top-in{height:36px}
/* v5: miejsce na pasek promocji trzymane od pierwszego malowania (html.ljk-pd-r z promocja-dnia.php) - pasek wstawiany
   skryptem w stopce nie przesuwa już strony (CLS); to samo tło co gotowy pasek, więc nie ma też mignięcia koloru */
html.ljk-pd-r .lh-top{display:flex;align-items:center;justify-content:center;min-height:44px;border-bottom:0;background:linear-gradient(90deg,#6d28d9 0%,#9d174d 62%,#be185d 100%)}
html.ljk-pd-r .lh-top:not(.has-pd) .lh-top-in li{color:rgba(255,255,255,.9)}
html.ljk-pd-r .lh-top:not(.has-pd) .lh-top-in svg{stroke:rgba(255,255,255,.85)}
body.woocommerce-checkout .lh-top{display:none!important}
.lh-top-in li{gap:6px;font-size:13px;font-weight:500;color:var(--n-text)}
.lh-top-in li+li::before{background:var(--n-line2)}
.lh-top-in svg{width:15px;height:15px;padding:0;border-radius:0;background:none;stroke:var(--n-mut);stroke-width:1.75}

/* ============ 2. nagłówek ============ */
/* Styl nagłówka jest w module 5819 (kolory z palety); tu tylko zabezpieczenia na starszą wersję modułu w pamięci podręcznej. */
#lh{background:var(--n-bg)}
#lh::after{background:var(--n-line)}
.lh-ic,.lh-pi{box-shadow:none}
#lh .lh-cart:has(.lh-count.lh-bump) svg{animation:none}

/* ============ 3. strona główna ============ */
/* Styl strony głównej siedzi w treści strony (wczytywany po tym pliku, gdy LiteSpeed nie łączy CSS), dlatego reguły mają
   przedrostek „body #lajk-home.hx-v3” - wygrywają bez !important niezależnie od kolejności arkuszy.
   Część 3 zasad: jedna paleta (--n-*), kolory platform tylko w ich logo; gradient marki tylko na przycisku w hero
   i w pasie końcowego wezwania; sekcje na zmianę --n-bg / --n-bg2; prawdziwe grafiki usług i okładki wpisów. */

/* 3.0 zmienne strony głównej -> paleta; kolory platform (rgb do bardzo lekkiego zabarwienia, max 8%) */
body #lajk-home.hx-v3{--bg:var(--n-bg);--text:var(--n-text);--muted:var(--n-mut);--border:var(--n-line);--border2:var(--n-line);--card:var(--n-card);--grad:var(--n-grad);--glow1:transparent;--glow2:transparent;--hx-line:var(--n-line);--hx-surf:var(--n-card);--hx-surf2:var(--n-card2);--hx-muted:var(--n-mut);--pr:139 92 246;background:var(--n-bg);color:var(--n-text)}
body #lajk-home.hx-v3 :is(.hx-plat[href="#tiktok"],#tiktok,.hx-card[href*="-tiktok"]){--pr:254 44 85}
body #lajk-home.hx-v3 :is(.hx-plat[href="#instagram"],#instagram,.hx-card[href*="-instagram"]){--pr:225 48 108}
body #lajk-home.hx-v3 :is(.hx-plat[href="#youtube"],#youtube,.hx-card[href*="-youtube"]){--pr:255 78 69}
body #lajk-home.hx-v3 :is(.hx-plat[href="#facebook"],#facebook,.hx-card[href*="-facebook"]){--pr:42 132 244}
body #lajk-home.hx-v3 :is(.hx-plat[href="#twitch"],#twitch,.hx-card[href*="-twitch"]){--pr:145 71 255}
body #lajk-home.hx-v3 :is(.hx-plat[href="#discord"],#discord,.hx-card[href*="-discord"]){--pr:88 101 242}
body #lajk-home.hx-v3 .cta-plat[href*="-tiktok"]{--pc:#fe2c55}
body #lajk-home.hx-v3 .cta-plat[href*="-instagram"]{--pc:#e1306c}
body #lajk-home.hx-v3 .cta-plat[href*="-youtube"]{--pc:#ff0000}
body #lajk-home.hx-v3 .cta-plat[href*="-facebook"]{--pc:#1877f2}
body #lajk-home.hx-v3 .cta-plat[href*="-twitch"]{--pc:#9146ff}
body #lajk-home.hx-v3 .cta-plat[href*="-discord"]{--pc:#5865f2}

/* 3.1 rytm sekcji: --n-bg / --n-bg2 z miękką fioletową poświatą u góry, odstępy 48 telefon - 80 komputer */
body #lajk-home.hx-v3 .sec{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
body #lajk-home.hx-v3 :is(#najpopularniejsze,#opinie,#bezpieczenstwo,#poradnik){border-top:1px solid var(--n-line);background:var(--n-tint),var(--n-bg2a,var(--n-bg2))}
/* „Sprawdź nas” to dalszy ciąg sekcji o bezpieczeństwie: to samo tło, bez drugiej poświaty i bez odstępu u góry */
body #lajk-home.hx-v3 #bezpieczenstwo{padding-bottom:24px}
body #lajk-home.hx-v3 #sprawdz-nas{padding-top:0;background:linear-gradient(160deg,rgba(139,92,246,.06),rgba(236,72,153,.05) 60%,rgba(249,115,22,.03)),var(--n-bg2a,var(--n-bg2))}
body #lajk-home.hx-v3 #blog{border-top:0!important}
body #lajk-home.hx-v3 .wrap{padding-left:clamp(16px,3vw,28px);padding-right:clamp(16px,3vw,28px)}

/* 3.2 nagłówki: białe, bez gradientu, rozmiary z zasad; treść --n-text, drugorzędne --n-mut */
body #lajk-home.hx-v3 :is(.gradtxt,.hero-h1 .gradtxt){background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:inherit}
body #lajk-home.hx-v3 :is(h1,h2,h3,.hero-h1){color:var(--n-head);-webkit-text-fill-color:var(--n-head);letter-spacing:-.01em}
body #lajk-home.hx-v3 .hx .hero-h1{margin:0 0 16px;font-size:clamp(1.75rem,.55rem + 5.4vw,2rem);font-weight:800;line-height:1.1}
@media (min-width:641px){body #lajk-home.hx-v3 .hx .hero-h1{font-size:clamp(2.25rem,3.4vw + .6rem,3rem)}}
body #lajk-home.hx-v3 h2{font-size:clamp(1.5rem,.9rem + 1.7vw,2.25rem);font-weight:800;line-height:1.2}
body #lajk-home.hx-v3 .hx-pl-head h3{font-size:clamp(1.0625rem,1rem + .3vw,1.25rem)!important;font-weight:800;letter-spacing:-.01em}
body #lajk-home.hx-v3 .lead{line-height:1.65;color:var(--n-mut)}
body #lajk-home.hx-v3 .hx-head{max-width:720px;margin:0 auto clamp(20px,3vw,32px)}
body #lajk-home.hx-v3 .hx-head h2{margin:0 0 8px}
body #lajk-home.hx-v3 .hx-sub{color:var(--n-mut)}
body #lajk-home.hx-v3 .section-meta{margin-bottom:clamp(24px,3vw,36px)}
body #lajk-home.hx-v3 .section-meta h2{margin:0 0 10px}
body #lajk-home.hx-v3 :is(.faq-a,.lead,.hx-sub,.seo-block p,.verify-text p,.hx-find-empty) a{color:var(--n-link)}

/* 3.3 etykiety nad nagłówkami: znikają; zostają trzy, które niosą informację - zwykły tekst w kolorze linku */
body #lajk-home.hx-v3 .chip{display:none!important}
body #lajk-home.hx-v3 :is(.hx-best .hx-head,#pisza-o-nas,.verify-text) .chip{display:block!important;width:auto;margin:0 0 8px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--n-link);font-size:14px!important;font-weight:600;line-height:1.4;text-transform:none!important;letter-spacing:0!important}
body #lajk-home.hx-v3 :is(.hx-best,#pisza-o-nas,.verify-text) .chip i{display:none}
/* Poradnik: jego jedyny nagłówek był w etykiecie - po jej ukryciu sekcja zaczynała się od zdania bez tytułu */
body #lajk-home.hx-v3 #poradnik .wrap>.chip{display:block!important;margin:0 0 10px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:800 clamp(1.5rem,.9rem + 1.7vw,2.25rem)/1.2 Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif;font-size:clamp(1.5rem,.9rem + 1.7vw,2.25rem)!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--n-head)}
body #lajk-home.hx-v3 #poradnik .wrap>.chip i{display:none}
body #lajk-home.hx-v3 #poradnik .wrap>.lead{margin-bottom:24px!important}

/* 3.4 przyciski: jeden w gradiencie marki (hero), reszta obrys + biały tekst */
body #lajk-home.hx-v3 .btn{align-items:center;justify-content:center;gap:8px;border-radius:12px;transition:background var(--n-t1),border-color var(--n-t1),filter var(--n-t1),transform var(--n-t1) var(--n-ease)}
/* główny: żywy gradient zakupu + neutralny cień; najechanie - jaśniej i 1px wyżej, naciśnięcie - lekkie wciśnięcie */
body #lajk-home.hx-v3 .btn-primary,body #lajk-home.hx-v3 .btn-primary:hover{background:var(--n-grad-buy);color:#fff;box-shadow:var(--n-buy-shadow);transform:none}
body #lajk-home.hx-v3 .btn-primary:hover{filter:brightness(1.1) saturate(1.05);transform:translateY(-1px)}
body #lajk-home.hx-v3 .btn-ghost{background:rgba(255,255,255,.03);border:1px solid var(--n-line2);color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
body #lajk-home.hx-v3 .btn-ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.3);transform:translateY(-1px);box-shadow:none}
body #lajk-home.hx-v3 :is(.btn,.cta-plat,.hx-card-btn):active{transform:scale(.98)}
body #lajk-home.hx-v3 :is(.btn,.cta-plat,.hx-card-btn):focus-visible{outline:2px solid var(--n-link);outline-offset:2px}

/* 3.5 hero: biały nagłówek, w tle poświaty z trójki marki, prawdziwy dowód (liczba zamówień z bazy: [ljk_liczba_zamowien], 2.65.6), BLIK, bez hasła */
/* tło hero: trzy duże, miękkie plamy marki (fiolet z lewej u góry, róż z prawej, pomarańcz u dołu), krycie 20-34%; tylko tło, nic się nie rusza */
body #lajk-home.hx-v3 .hx{position:relative;padding-top:clamp(20px,4vw,56px);padding-bottom:clamp(40px,5vw,72px);background:radial-gradient(760px 520px at 6% -4%,rgba(139,92,246,.34),transparent 68%),radial-gradient(680px 520px at 96% 48%,rgba(236,72,153,.24),transparent 68%),radial-gradient(620px 360px at 58% 112%,rgba(249,115,22,.2),transparent 70%),radial-gradient(420px 300px at 40% 30%,rgba(168,85,247,.08),transparent 70%)}
/* delikatna siatka pod plamami (głębia bez obrazka), wygaszona ku dołowi */
body #lajk-home.hx-v3 .hx::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(80% 70% at 50% 20%,#000,transparent 75%);mask-image:radial-gradient(80% 70% at 50% 20%,#000,transparent 75%)}
body #lajk-home.hx-v3 .hx>.wrap{position:relative;z-index:1}
body #lajk-home.hx-v3 .hx-proof{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 16px;padding:0;border:0;border-radius:0;background:none;font-size:14px;line-height:1.5;color:var(--n-mut)}
body #lajk-home.hx-v3 .hx-proof>span:first-child{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600}
body #lajk-home.hx-v3 .hx-proof>span:first-child::before{content:"";flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:rgba(52,211,153,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
body #lajk-home.hx-v3 .hx-proof .hx-dot{display:none}
body #lajk-home.hx-v3 .hx-proof a{padding-left:26px;color:var(--n-mut);text-decoration:underline;text-decoration-color:rgba(169,162,195,.4);text-underline-offset:3px}
body #lajk-home.hx-v3 .hx-proof a:hover{color:var(--n-link2)}
body #lajk-home.hx-v3 .hx-lead{color:var(--n-text);opacity:.86}
body #lajk-home.hx-v3 .hx-btns{gap:12px;margin-bottom:20px}
body #lajk-home.hx-v3 .hx-btns .btn{min-height:52px;padding:0 24px;font-size:16px}
/* zalety pod przyciskami: zielony znak „✓” (to obietnice, nie ozdoba) */
body #lajk-home.hx-v3 .hx-trust{gap:8px 20px}
body #lajk-home.hx-v3 .hx-trust li{gap:8px;font-size:14px;color:var(--n-text)}
body #lajk-home.hx-v3 .hx-trust li::before{flex:0 0 16px;width:16px;height:16px;border-radius:0;background:var(--n-ok);-webkit-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask-image: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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;mask-repeat:no-repeat}
/* panel platform: karta z palety, kafle platform tylko lekko zabarwione (8%), logo platformy w swoich kolorach */
body #lajk-home.hx-v3 .hx-ic{box-shadow:none;border-radius:12px}
@media (min-width:981px){
  /* cztery zalety w równej siatce 2 x 2 */
  body #lajk-home.hx-v3 .hx-trust{display:grid;grid-template-columns:repeat(2,max-content);gap:10px 28px}
  body #lajk-home.hx-v3 .hx-ic{width:48px;height:48px;margin-bottom:auto}
}

/* 3.5b hero (v5wyglad/hero.html, .hx26): punkt skupienia w pierwszych 50 ms to prawdziwe grafiki czterech najczęściej
   wybieranych usług (kolejność jak w „Najpopularniejsze usługi”) z prawdziwą najniższą ceną; obok nagłówek, jeden przycisk
   w gradiencie i zalety. Bez przechyleń, pływania i poświat - karty stoją równo, druga kolumna lekko niżej (rytm, nie ozdoba).
   Grafiki: 1:1, zaokrąglenie 12px w karcie 20px (promień wewnętrzny = zewnętrzny - odstęp), cienka jasna ramka od środka,
   żeby kolorowe kwadraty nie „wycinały się” z ciemnego tła. Telefon: pasek przewijany w poziomie pod przyciskami. */
body #lajk-home.hx-v3 .hx26-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(32px,5vw,80px);align-items:center}
body #lajk-home.hx-v3 :is(.hx26-copy,.hx26-show){min-width:0}
body #lajk-home.hx-v3 .hx26 .hero-h1{text-wrap:balance}
body #lajk-home.hx-v3 .hx26 .hx-lead{text-wrap:pretty;max-width:54ch;margin:0 0 24px;font-size:clamp(16px,1.2vw + 10px,18px);line-height:1.6}
body #lajk-home.hx-v3 .hx26-h{margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.4;color:var(--n-mut)}
body #lajk-home.hx-v3 .hx26-prods{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0}
body #lajk-home.hx-v3 .hx26-prods li{margin:0;min-width:0}
body #lajk-home.hx-v3 .hx26-prod{--pc:225 48 108;display:flex;flex-direction:column;height:100%;padding:8px 8px 12px;border:1px solid var(--n-line);border-radius:20px;background:var(--n-card);box-shadow:var(--n-lift),0 18px 40px rgba(0,0,0,.32);color:#fff;text-decoration:none;transition:transform var(--n-t1) var(--n-ease),border-color var(--n-t1),background var(--n-t1)}
body #lajk-home.hx-v3 .hx26-prod[href*="-tiktok"]{--pc:254 44 85}
body #lajk-home.hx-v3 .hx26-prod img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:12px;outline:1px solid rgba(255,255,255,.06);outline-offset:-1px;background:#120d1f}
body #lajk-home.hx-v3 .hx26-pn{margin:12px 6px 0;font-size:15px;font-weight:700;line-height:1.3;color:#fff}
body #lajk-home.hx-v3 .hx26-nw{white-space:nowrap}
/* cena zawsze na dole karty - w jednym rzędzie na tej samej wysokości, także gdy nazwa zajmuje dwie linie */
body #lajk-home.hx-v3 .hx26-pp{display:flex;align-items:center;gap:6px;margin:auto 6px 0;padding-top:4px;font-size:14px;line-height:1.4;color:var(--n-mut)}
body #lajk-home.hx-v3 .hx26-pp strong{color:var(--n-price);font-weight:800}
body #lajk-home.hx-v3 .hx26-pp::after{content:"";width:16px;height:16px;margin-left:auto;background:var(--n-mut);-webkit-mask:var(--n-chevr) center/16px no-repeat;mask-image:var(--n-chevr);mask-position:center;mask-size:16px;mask-repeat:no-repeat;transition:transform var(--n-t1) var(--n-ease),background var(--n-t1)}
body #lajk-home.hx-v3 .hx26-prod:hover{transform:translateY(-3px);border-color:rgb(var(--pc) / .5);background:var(--n-card2)}
body #lajk-home.hx-v3 .hx26-prod:hover .hx26-pp::after{transform:translateX(3px);background:#fff}
body #lajk-home.hx-v3 .hx26-prod:active{transform:scale(.98)}
body #lajk-home.hx-v3 :is(.hx26-prod,.hx26-plat):focus-visible{outline:2px solid var(--n-link);outline-offset:2px}
body #lajk-home.hx-v3 .hx26-plats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:20px}
body #lajk-home.hx-v3 .hx26-plat{--pc:#c4b5fd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:8px 4px;border:1px solid var(--n-line);border-radius:12px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:background var(--n-t1),border-color var(--n-t1),color var(--n-t1)}
body #lajk-home.hx-v3 .hx26-plat svg{display:block;color:var(--pc)}
body #lajk-home.hx-v3 .hx26-plat:hover{border-color:var(--n-line2);color:#fff}
@media (min-width:981px){
  /* druga kolumna kart niżej o 24px - zwykły rytm siatki. Platformy są w menu nagłówka i w katalogu tuż niżej,
     więc na komputerze hero ich nie powtarza (cały pierwszy ekran mieści się w 900px wysokości) */
  body #lajk-home.hx-v3 .hx26-prods li:nth-child(even){transform:translateY(24px)}
  body #lajk-home.hx-v3 .hx26-show{padding-bottom:24px}
  body #lajk-home.hx-v3 .hx26-plats{display:none}
  body #lajk-home.hx-v3 .hx26 .hx-btns{margin-bottom:24px}
}
@media (min-width:641px) and (max-width:980px){
  body #lajk-home.hx-v3 .hx26-in{grid-template-columns:minmax(0,1fr);gap:32px}
  body #lajk-home.hx-v3 .hx26-prods{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
}
@media (max-width:640px){
  body #lajk-home.hx-v3 .hx26-in{grid-template-columns:minmax(0,1fr);gap:28px}
  body #lajk-home.hx-v3 .hx26 .hx-btns .btn-primary{flex:1 1 100%}
  /* pasek kart: widać dwie i kawałek trzeciej - znak, że można przewinąć */
  body #lajk-home.hx-v3 .hx26-prods{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:156px;gap:12px;margin:0 -16px;padding:0 16px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;overscroll-behavior-x:contain}
  body #lajk-home.hx-v3 .hx26-prods::-webkit-scrollbar{display:none}
  body #lajk-home.hx-v3 .hx26-prods li{scroll-snap-align:start}
  body #lajk-home.hx-v3 .hx26-prod{padding:6px 6px 10px;border-radius:16px;box-shadow:var(--n-lift)}
  body #lajk-home.hx-v3 .hx26-prod img{border-radius:10px}
  body #lajk-home.hx-v3 .hx26-pn{margin:10px 4px 0;font-size:14px}
  body #lajk-home.hx-v3 .hx26-pp{margin:auto 4px 0;padding-top:2px;font-size:13.5px}
  body #lajk-home.hx-v3 .hx26-plats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
  body #lajk-home.hx-v3 .hx26-plat{flex-direction:row;justify-content:flex-start;gap:8px;min-height:44px;padding:0 10px;font-size:13.5px}
  body #lajk-home.hx-v3 .hx26-plat svg{width:18px;height:18px}
}
@media (max-width:359px){body #lajk-home.hx-v3 .hx26-plats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 3.6 najpopularniejsze usługi: karta z prawdziwą grafiką usługi (komputer i tablet), cena w różu, spokojny przycisk */
body #lajk-home.hx-v3 :is(.hx-card,.pcard,.step,.why-card,.rv,.pisza-card,.bcard,.num-card,.hx-pl,.hcat,.seo-block,.faq-item,.guide-item){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body #lajk-home.hx-v3 :is(.hx-card,.pcard,.why-card,.rv,.pisza-card,.bcard,.num-card,.hx-pl,.hcat){background:var(--n-card);border:1px solid var(--n-line);border-radius:16px;box-shadow:var(--n-lift)}
body #lajk-home.hx-v3 :is(.pcard,.why-card,.pisza-card,.num-card,.hcat):hover{transform:none}
body #lajk-home.hx-v3 :is(.pisza-card,.pcard,.cta-box,.verify-box)::before,body #lajk-home.hx-v3 .pisza-card::after{display:none}
/* karty na zabarwionym tle sekcji: o ton jaśniejsze, żeby nie zlewały się z tłem */
body #lajk-home.hx-v3 :is(#najpopularniejsze,#opinie,#bezpieczenstwo,#poradnik) :is(.hx-card,.rv,.seo-block,.guide-item){background-color:var(--n-card2)}
/* karta usługi: cała jest linkiem - najechanie podnosi ją o 2px, rozjaśnia ramkę i grafikę, przycisk wypełnia się bielą */
body #lajk-home.hx-v3 .hx-card{background:var(--n-card2);transition:transform var(--n-t1) var(--n-ease)}
body #lajk-home.hx-v3 .hx-card:hover{border-color:rgb(var(--pr) / .4);box-shadow:var(--n-lift2);transform:translateY(-2px)}
body #lajk-home.hx-v3 .hx-card h3{color:#fff}
body #lajk-home.hx-v3 .hx-card p{color:var(--n-mut)}
body #lajk-home.hx-v3 .hx-card-foot{border-top-color:var(--n-line)}
body #lajk-home.hx-v3 :is(.hx-price,.hx-pl-price) .ljk-od{color:var(--n-mut)}
body #lajk-home.hx-v3 :is(.hx-price,.hx-pl-price) .ljk-od strong{color:var(--n-price);font-weight:800}
body #lajk-home.hx-v3 .hx-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid var(--n-line2);border-radius:12px;background:transparent;box-shadow:none;color:#fff;font-weight:700;white-space:nowrap;transition:background var(--n-t1),border-color var(--n-t1),color var(--n-t1)}
body #lajk-home.hx-v3 .hx-card:hover .hx-card-btn{background:#fff;border-color:#fff;color:#1a1429}
@media (min-width:641px){
  /* grafika usługi u góry karty: kadr na logo platformy (bez napisów z grafiki), numer w rogu */
  body #lajk-home.hx-v3 .hx-card{gap:0;padding:0;overflow:hidden}
  /* kadr grafiki: logo platformy (y 170-600 z 1200) i plakietka usługi pod nim (y 530-694) w oknie 48% wysokości (y 144-720),
     bez znaku sklepu u góry i bez napisów na dole; na najechanie grafika minimalnie się przybliża (tylko transform) */
  body #lajk-home.hx-v3 .hx-card-top{position:relative;display:block;aspect-ratio:100/48;margin:0;overflow:hidden;border-bottom:1px solid var(--n-line);background:radial-gradient(70% 90% at 50% 40%,rgb(var(--pr) / .22),transparent 70%),#120d1f;background-size:cover;background-position:50% 23%;background-repeat:no-repeat}
  body #lajk-home.hx-v3 .hx-card-top{transform-origin:50% 100%;transition:transform var(--n-t2) var(--n-ease)}
  body #lajk-home.hx-v3 .hx-card:hover .hx-card-top{transform:scale(1.035)}
  body #lajk-home.hx-v3 .hx-card-top .hx-ic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:16px}
  body #lajk-home.hx-v3 .hx-card-top .hx-ic svg{width:28px;height:28px}
  body #lajk-home.hx-v3 .hx-card:is([href*="/followers-instagram/"],[href*="/like-instagram/"],[href*="/wyswietlenia-instagram/"],[href*="/komentarze-instagram/"],[href*="/udostepnienia-instagram/"],[href*="/zapisania-do-ulubionych-instagram/"],[href*="/like-tiktok/"],[href*="/obserwujacy-tiktok/"],[href*="/wyswietlenia-tiktok/"],[href*="/udostepnienia-tiktok/"],[href*="/zapisania-filmu-tiktok/"],[href*="/subskrypcje-youtube/"],[href*="/like-youtube/"],[href*="/wyswietlenia-youtube/"],[href*="/komentarze-youtube/"],[href*="/czas-ogladania-youtube/"],[href*="/like-facebook/"],[href*="/fanpage-like-facebook/"],[href*="/followers-facebook/"],[href*="/komentarze-facebook/"],[href*="/followers-twitch/"],[href*="/widzowie-live-twitch/"],[href*="/uzytkownicy-discord/"]) .hx-card-top .hx-ic{display:none}
  body #lajk-home.hx-v3 .hx-card h3{margin:16px 20px 0}
  body #lajk-home.hx-v3 .hx-card p{margin:8px 20px 0}
  body #lajk-home.hx-v3 .hx-card-foot{margin:16px 20px 20px;padding-top:14px}
  body #lajk-home.hx-v3 .hx-card[href*="/followers-instagram/"] .hx-card-top{background-image:url(grafiki/followers-instagram.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/like-instagram/"] .hx-card-top{background-image:url(grafiki/like-instagram.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/wyswietlenia-instagram/"] .hx-card-top{background-image:url(grafiki/wyswietlenia-instagram.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/komentarze-instagram/"] .hx-card-top{background-image:url(grafiki/komentarze-instagram.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/udostepnienia-instagram/"] .hx-card-top{background-image:url(grafiki/udostepnienia-instagram.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/zapisania-do-ulubionych-instagram/"] .hx-card-top{background-image:url(grafiki/zapisania-do-ulubionych-instagram.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/like-tiktok/"] .hx-card-top{background-image:url(grafiki/like-tiktok.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/obserwujacy-tiktok/"] .hx-card-top{background-image:url(grafiki/obserwujacy-tiktok.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/wyswietlenia-tiktok/"] .hx-card-top{background-image:url(grafiki/wyswietlenia-tiktok.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/udostepnienia-tiktok/"] .hx-card-top{background-image:url(grafiki/udostepnienia-tiktok.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/zapisania-filmu-tiktok/"] .hx-card-top{background-image:url(grafiki/zapisania-filmu-tiktok.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/subskrypcje-youtube/"] .hx-card-top{background-image:url(grafiki/subskrypcje-youtube.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/like-youtube/"] .hx-card-top{background-image:url(grafiki/like-youtube.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/wyswietlenia-youtube/"] .hx-card-top{background-image:url(grafiki/wyswietlenia-youtube.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/komentarze-youtube/"] .hx-card-top{background-image:url(grafiki/komentarze-youtube.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/czas-ogladania-youtube/"] .hx-card-top{background-image:url(grafiki/czas-ogladania-youtube.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/like-facebook/"] .hx-card-top{background-image:url(grafiki/like-facebook.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/fanpage-like-facebook/"] .hx-card-top{background-image:url(grafiki/fanpage-like-facebook.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/followers-facebook/"] .hx-card-top{background-image:url(grafiki/followers-facebook.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/komentarze-facebook/"] .hx-card-top{background-image:url(grafiki/komentarze-facebook.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/followers-twitch/"] .hx-card-top{background-image:url(grafiki/followers-twitch.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/widzowie-live-twitch/"] .hx-card-top{background-image:url(grafiki/widzowie-live-twitch.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/uzytkownicy-discord/"] .hx-card-top{background-image:url(grafiki/uzytkownicy-discord.webp?v=4)}
}
@media (max-width:640px){
  /* telefon: cały wiersz jest linkiem; po prawej szewron zamiast przycisku; bez grafik (szybciej) */
  body #lajk-home.hx-v3 .hx-card-btn,body #lajk-home.hx-v3 .hx-card:hover .hx-card-btn{width:24px;min-height:24px;padding:0;border:0;border-radius:0;background:none;font-size:0}
  body #lajk-home.hx-v3 .hx-card-btn::after{content:"";width:20px;height:20px;margin:0;background:var(--n-chevr) center/20px no-repeat}
  body #lajk-home.hx-v3 .hx-card{background:linear-gradient(90deg,rgb(var(--pr) / .08),transparent 45%),var(--n-card2)}
}

/* 3.7 katalog: nagłówek platformy zabarwiony max 8% + cienka kreska w kolorze platformy u góry (identyfikacja), ceny w różu */
body #lajk-home.hx-v3 .hx-pl{background:linear-gradient(180deg,rgb(var(--pr) / .08),rgb(var(--pr) / 0) 92px),var(--n-card);box-shadow:inset 0 2px 0 rgb(var(--pr) / .7),var(--n-lift)}
body #lajk-home.hx-v3 .hx-pl-head{margin-bottom:12px}
body #lajk-home.hx-v3 .hx-pl-head p{color:var(--n-mut)}
body #lajk-home.hx-v3 .hx-pl-list li{border-top-color:var(--n-line)}
body #lajk-home.hx-v3 .hx-pl-list a{transition:background var(--n-t1)}
body #lajk-home.hx-v3 .hx-pl-list a:hover{background:rgba(255,255,255,.05)}
/* strzałka przy cenie przesuwa się o 3px - wiersz jest linkiem */
body #lajk-home.hx-v3 .hx-pl-price{white-space:nowrap}
body #lajk-home.hx-v3 .hx-pl-price::after{display:inline-block;transition:transform var(--n-t1) var(--n-ease)}
body #lajk-home.hx-v3 .hx-pl-list a:hover .hx-pl-price::after{transform:translateX(3px)}
body #lajk-home.hx-v3 .hx-pl-name small{color:var(--n-mut)}
body #lajk-home.hx-v3 .hx-pl-price::after{color:var(--n-mut)}
body #lajk-home.hx-v3 .hx-pl-all{color:var(--n-link)}
body #lajk-home.hx-v3 .hx-pl-all:hover{color:var(--n-link2)}
body #lajk-home.hx-v3 .hx-find-box{border-radius:12px;border-color:var(--n-line2);background:var(--n-card)}
body #lajk-home.hx-v3 .hx-find-box:focus-within{border-color:var(--n-v2);box-shadow:inset 0 0 0 1px var(--n-v2)}
body #lajk-home.hx-v3 .hx-find-box svg{stroke:var(--n-mut)}
/* zestawy (style w atrybutach): ta sama szerokość co katalog; karta z poświatą marki, biały przycisk (gradient zostaje dla hero) */
body.home #zestawy{max-width:1200px!important;margin:0 auto!important;padding:0 clamp(16px,3vw,28px) clamp(48px,6vw,80px)!important}
body.home #zestawy>div{padding:24px!important;border:1px solid rgba(167,139,250,.28)!important;border-radius:20px!important;background:radial-gradient(120% 160% at 0 0,rgba(139,92,246,.3),transparent 60%),radial-gradient(100% 160% at 100% 100%,rgba(249,115,22,.2),transparent 60%),radial-gradient(60% 120% at 60% 0,rgba(236,72,153,.12),transparent 70%),var(--n-card2)!important;box-shadow:var(--n-lift)!important}
body.home #zestawy>div :is(h2,h3,strong,b){color:#fff!important}
body.home #zestawy>div>a{min-height:48px!important;border-radius:12px!important;background:#fff!important;color:#1a1429!important;box-shadow:0 6px 18px rgba(0,0,0,.3)!important;transition:background var(--n-t1),transform var(--n-t1) var(--n-ease)}
body.home #zestawy>div>a:hover{background:#f1edfb!important;transform:translateY(-1px)}
body.home #zestawy>div>a:active{transform:scale(.98)}
@media (max-width:640px){body.home #zestawy>div>a{flex:1 1 100%;justify-content:center}}
body #lajk-home.hx-v3 #oferta{padding-bottom:32px}

/* 3.8 opinie: zabarwiona sekcja, gwiazdki bursztynowe, podpis zakupu na zielono */
body #lajk-home.hx-v3 .rv-stars{font-size:17px;letter-spacing:2px;line-height:1}
body #lajk-home.hx-v3 .rv-stars .on{color:var(--n-star)}
body #lajk-home.hx-v3 .rv{transition:border-color var(--n-t1)}
body #lajk-home.hx-v3 .rv:hover{border-color:var(--n-line2)}
body #lajk-home.hx-v3 .rv blockquote{color:var(--n-text)}
body #lajk-home.hx-v3 .rv-meta{color:var(--n-mut)}
body #lajk-home.hx-v3 .rv-meta a{color:var(--n-link)}
body #lajk-home.hx-v3 .rv-ver{color:var(--n-ok)}
body #lajk-home.hx-v3 .hx-rev-note{font-size:13px;color:var(--n-mut)}
@media (max-width:640px){body #lajk-home.hx-v3 .hx-rev-note{text-align:left;margin-left:0}}

/* 3.9 jak to działa: bez kart; trzy kroki - pełne kółka w kolorach marki (fiolet, róż, pomarańcz; odcienie z białą cyfrą >= 4,5:1),
   połączone linią przechodzącą w kolor następnego kroku (oś czasu) */
body #lajk-home.hx-v3 #jak-to-dziala .step{--sf:#7c3aed;--sl:139 92 246;--sl2:236 72 153;padding:0;border:0;border-radius:0;background:none}
body #lajk-home.hx-v3 #jak-to-dziala .step:nth-child(2){--sf:#db2777;--sl:236 72 153;--sl2:249 115 22}
body #lajk-home.hx-v3 #jak-to-dziala .step:nth-child(3){--sf:#c2410c;--sl:249 115 22;--sl2:249 115 22}
body #lajk-home.hx-v3 .step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 0 16px;border:0;border-radius:50%;background:var(--sf,#7c3aed)!important;box-shadow:0 0 0 4px rgb(var(--sl,139 92 246) / .16);-webkit-background-clip:border-box;background-clip:border-box;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px!important;font-weight:800;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums}
body #lajk-home.hx-v3 .step h3{margin:0 0 8px;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem)}
body #lajk-home.hx-v3 .step p{color:var(--n-mut);line-height:1.6}
@media (min-width:721px){
  body #lajk-home.hx-v3 .steps.steps-3{gap:32px}
  body #lajk-home.hx-v3 #jak-to-dziala .step{position:relative}
  body #lajk-home.hx-v3 #jak-to-dziala .step:not(:last-child)::after{content:"";position:absolute;top:19px;left:60px;right:-20px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgb(var(--sl) / .7),rgb(var(--sl2) / .5))}
}
@media (max-width:720px){
  body #lajk-home.hx-v3 .steps.steps-3{gap:24px}
  body #lajk-home.hx-v3 #jak-to-dziala .step{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px}
  body #lajk-home.hx-v3 #jak-to-dziala .step:not(:last-child)::after{content:"";position:absolute;left:19px;top:52px;bottom:-16px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgb(var(--sl) / .6),rgb(var(--sl2) / .35))}
  body #lajk-home.hx-v3 .step-num{grid-row:1/span 2;margin:0}
  body #lajk-home.hx-v3 .step h3{align-self:center;margin:8px 0 6px}
}

/* 3.10 „Czy to bezpieczne?”: ikona na kafelku z trójki marki; zielony tylko przy „co gdy coś pójdzie nie tak” (gwarancja) */
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block{--icbg:var(--n-v-bg);position:relative;}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block::before{content:"";width:40px;height:40px;margin:0 0 16px;border-radius:12px;background:var(--icbg)}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block::after{content:"";position:absolute;background:var(--ic);-webkit-mask:var(--im) center/contain no-repeat;mask-image:var(--im);mask-position:center;mask-size:contain;mask-repeat:no-repeat}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block:nth-child(1){--im: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block:nth-child(2){--ic:var(--n-p-ic);--icbg:var(--n-p-bg);--im: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E")}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block:nth-child(3){--ic:var(--n-o-ic);--icbg:var(--n-o-bg);--im: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V13M12 16.5h.01'/%3E%3C/svg%3E")}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block:nth-child(4){--icbg:var(--n-ok-bg);--im: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3.5v5.5c0 4.5-3.4 7.8-8 9-4.6-1.2-8-4.5-8-9V6.5z'/%3E%3Cpath d='M8.5 12.2l2.4 2.4 4.6-4.8'/%3E%3C/svg%3E")}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block h3{margin:0 0 8px;color:#fff}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block p{color:var(--n-text);line-height:1.6}
/* pozostałe bloki tekstu (w poradniku) */
body #lajk-home.hx-v3 .seo-block{background:var(--n-card);border-color:var(--n-line);border-radius:16px}
body #lajk-home.hx-v3 :is(.step,.why-card,.seo-block,.pisza-card,.bcard,.pcard) h3{color:#fff}
body #lajk-home.hx-v3 :is(.hx-ic,.picon,.why-icon){box-shadow:none}
body #lajk-home.hx-v3 .why-icon{background:var(--n-v-bg);color:var(--n-v-ic)}
body #lajk-home.hx-v3 :is(.pisza-source,.pcard-tag){background:none;border:0;padding:0;border-radius:0;text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;color:var(--n-mut)}
body #lajk-home.hx-v3 :is(.pisza-footer,.bcard-footer) .read{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:var(--n-link);color:var(--n-link)}
body #lajk-home.hx-v3 :is(.ctable-wrap th,table th){font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n-mut)}

/* 3.11 „Sprawdź nas”: panel z poświatą marki, dane jako prosta lista */
body #lajk-home.hx-v3 .verify-box{padding:clamp(24px,4vw,40px);border:1px solid var(--n-line2);border-radius:20px;background:radial-gradient(560px 300px at 0 0,rgba(139,92,246,.16),transparent 70%),radial-gradient(420px 260px at 100% 100%,rgba(236,72,153,.08),transparent 70%),var(--n-card2);box-shadow:var(--n-lift);-webkit-backdrop-filter:none;backdrop-filter:none}
body #lajk-home.hx-v3 .verify-box h2{margin:0 0 12px}
body #lajk-home.hx-v3 .verify-data{gap:0;border-top:1px solid var(--n-line)}
body #lajk-home.hx-v3 .verify-data div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border:0;border-bottom:1px solid var(--n-line);border-radius:0;background:none}
body #lajk-home.hx-v3 .verify-data dt{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--n-mut)}
body #lajk-home.hx-v3 .verify-data dd{margin:0;font-size:15px;font-weight:600;color:#fff;text-align:right}
@media (min-width:721px){body #lajk-home.hx-v3 .verify-data{grid-template-columns:1fr;align-self:center}}
body #lajk-home.hx-v3 .verify-links{gap:8px}
body #lajk-home.hx-v3 .verify-links .btn{min-height:44px;padding:0 16px;font-size:14px;font-weight:600}
body #lajk-home.hx-v3 .verify-box .btn i{display:inline-flex;width:16px;height:16px}
@media (max-width:640px){body #lajk-home.hx-v3 .verify-box{padding:24px 16px}}

/* 3.12 akordeony (FAQ i poradnik): jeden styl, szewron, otwarty element z jaśniejszym tłem i fioletową ramką */
body #lajk-home.hx-v3 :is(.faq-item,.guide-item){background:var(--n-card);border:1px solid var(--n-line);border-radius:16px;box-shadow:var(--n-lift);transition:border-color .15s,background .15s}
body #lajk-home.hx-v3 :is(.faq-item,.guide-item):hover{border-color:var(--n-line2)}
body #lajk-home.hx-v3 :is(.faq-item,.guide-item)[open]{border-color:rgba(167,139,250,.45);background:var(--n-card2);box-shadow:inset 3px 0 0 var(--n-v2),var(--n-lift)}
body #lajk-home.hx-v3 :is(.faq-icon,details.faq-item .faq-icon,details.faq-item[open] .faq-icon){width:32px;height:32px;flex:0 0 32px;border:0;border-radius:0;background:var(--n-chev) center/20px no-repeat;color:transparent;font-size:0;transition:transform .2s ease}
body #lajk-home.hx-v3 .faq-icon i{display:none}
body #lajk-home.hx-v3 details.faq-item[open] .faq-icon{transform:rotate(180deg)}
body #lajk-home.hx-v3 .guide-item>summary::after,body #lajk-home.hx-v3 .guide-item[open]>summary::after{content:"";width:32px;height:32px;border:0;border-radius:0;background:var(--n-chev) center/20px no-repeat;font-size:0;transition:transform .2s ease}
body #lajk-home.hx-v3 .guide-item[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
body #lajk-home.hx-v3 :is(.faq-q,.guide-item>summary h2,.guide-item>summary h3){font-family:Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif;font-size:1rem!important;font-weight:700;line-height:1.4;letter-spacing:-.005em;color:#fff}
body #lajk-home.hx-v3 :is(.faq-q,.guide-item>summary){min-height:56px}
body #lajk-home.hx-v3 .faq-a{color:var(--n-text)}

/* 3.13 blog na głównej: okładki wpisów (prawdziwe grafiki z ulepszenia/grafiki) */
body #lajk-home.hx-v3 .bcard{padding:24px;overflow:hidden;transition:border-color var(--n-t1),transform var(--n-t1) var(--n-ease),box-shadow var(--n-t1)}
body #lajk-home.hx-v3 .bcard:hover{border-color:var(--n-line2);transform:translateY(-2px);box-shadow:var(--n-lift2)}
body #lajk-home.hx-v3 .bcard p{color:var(--n-mut)}
body #lajk-home.hx-v3 .bcard-footer{border-top-color:var(--n-line)}
body #lajk-home.hx-v3 .bcard::before{display:none}
body #lajk-home.hx-v3 .bcard:is([href*="/czy-kupowanie-obserwujacych-jest-bezpieczne/"],[href*="/ile-kosztuje-1000-obserwujacych-instagram/"],[href*="/jak-zdobyc-obserwujacych-na-instagramie-30-dni/"],[href*="/kup-obserwujacych-tiktok-jak-to-dziala/"],[href*="/slowniczek-social-media/"],[href*="/wyswietlenia-youtube-jak-zwiekszyc-i-kiedy-kupic/"])::before{content:"";display:block;flex:none;aspect-ratio:1200/630;margin:-24px -24px 20px;border-bottom:1px solid var(--n-line);background:#120d1f center/cover no-repeat}
body #lajk-home.hx-v3 .bcard[href*="/czy-kupowanie-obserwujacych-jest-bezpieczne/"]::before{background-image:url(grafiki/blog-czy-kupowanie-obserwujacych-jest-bezpieczne.jpg)}
body #lajk-home.hx-v3 .bcard[href*="/ile-kosztuje-1000-obserwujacych-instagram/"]::before{background-image:url(grafiki/blog-ile-kosztuje-1000-obserwujacych-instagram.jpg)}
body #lajk-home.hx-v3 .bcard[href*="/jak-zdobyc-obserwujacych-na-instagramie-30-dni/"]::before{background-image:url(grafiki/blog-jak-zdobyc-obserwujacych-na-instagramie-30-dni.jpg)}
body #lajk-home.hx-v3 .bcard[href*="/kup-obserwujacych-tiktok-jak-to-dziala/"]::before{background-image:url(grafiki/blog-kup-obserwujacych-tiktok-jak-to-dziala.jpg)}
body #lajk-home.hx-v3 .bcard[href*="/slowniczek-social-media/"]::before{background-image:url(grafiki/blog-slowniczek-social-media.jpg)}
body #lajk-home.hx-v3 .bcard[href*="/wyswietlenia-youtube-jak-zwiekszyc-i-kiedy-kupic/"]::before{background-image:url(grafiki/blog-wyswietlenia-youtube-jak-zwiekszyc-i-kiedy-kupic.jpg)}
/* trzy wpisy w dwóch kolumnach zostawiały pustą połowę wiersza: od 900px trzy kolumny, węższe ekrany - trzeci wpis na całą szerokość */
@media (min-width:900px) and (max-width:1100px){body #lajk-home.hx-v3 .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:721px) and (max-width:899px){body #lajk-home.hx-v3 .blog-grid>.bcard:nth-child(3):last-child{grid-column:1/-1}}
@media (max-width:640px){
  body #lajk-home.hx-v3 .bcard{padding:20px}
  body #lajk-home.hx-v3 .bcard::before{margin:-20px -20px 16px!important}
  /* „Zobacz wszystkie wpisy”: na całą szerokość, wyśrodkowany (na 320px tekst łamał się obok ikon) */
  body #lajk-home.hx-v3 #blog .btn-platform{display:flex;width:100%;justify-content:center;text-align:center}
}

/* 3.14 końcowe wezwanie: jedyny pas w kolorze marki na stronie, biały tekst, białe przyciski platform */
body #lajk-home.hx-v3 .bottom-cta{padding:0 0 clamp(48px,6vw,80px);background:none}
body #lajk-home.hx-v3 .cta-box{position:relative;overflow:hidden;max-width:1200px;padding:clamp(32px,5vw,56px) clamp(20px,4vw,48px);border:0;border-radius:24px;background:radial-gradient(520px 300px at 100% 0,rgba(255,255,255,.18),transparent 70%),radial-gradient(420px 260px at 0 100%,rgba(0,0,0,.18),transparent 70%),var(--n-grad-deep);box-shadow:0 24px 60px rgba(0,0,0,.35);-webkit-backdrop-filter:none;backdrop-filter:none}
/* delikatna siatka w pasie marki (jak w hero), wygaszona ku środkowi */
body #lajk-home.hx-v3 .cta-box::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(70% 90% at 100% 0,#000,transparent 70%);mask-image:radial-gradient(70% 90% at 100% 0,#000,transparent 70%)}
body #lajk-home.hx-v3 .cta-box>*{position:relative;z-index:1}
body #lajk-home.hx-v3 .cta-box h2{margin:0 0 12px;color:#fff}
body #lajk-home.hx-v3 .cta-box .lead{color:rgba(255,255,255,.9);max-width:640px}
body #lajk-home.hx-v3 .cta-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}
body #lajk-home.hx-v3 .cta-plat{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 14px;border:0;border-radius:12px;background:#fff;color:#1a1429;font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.18);transition:background var(--n-t1),transform var(--n-t1) var(--n-ease),box-shadow var(--n-t1)}
body #lajk-home.hx-v3 .cta-plat:hover{transform:translateY(-2px);background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.28)}
body #lajk-home.hx-v3 .cta-plat:focus-visible{outline:2px solid #fff;outline-offset:2px}
body #lajk-home.hx-v3 .cta-plat i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin:0;font-size:20px;line-height:1;color:var(--pc,#1a1429)!important}
body #lajk-home.hx-v3 .cta-plat svg{display:block;width:20px;height:20px}
@media (min-width:980px){body #lajk-home.hx-v3 .cta-platforms{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* 3.15 telefon: jeden margines 16px, tekst sekcji do lewej */
@media (max-width:640px){
  body #lajk-home.hx-v3 .sec{padding-left:0;padding-right:0}
  body #lajk-home.hx-v3 :is(.hx-head,.section-meta,.cta-box){text-align:left}
  body #lajk-home.hx-v3 .hx-head{margin-left:0;margin-right:0}
  body #lajk-home.hx-v3 .cta-box{padding:28px 20px;border-radius:20px}
  body #lajk-home.hx-v3 .cta-box .lead{margin-left:0;margin-right:0}
  body #lajk-home.hx-v3 .cta-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ============ 5. stopka ============ */
/* stopka na zabarwionym tle sekcji (--n-bg2) z jedną miękką poświatą marki; kolory wyłącznie z palety */
/* R5: delikatna, ale widoczna granica stopki - cienka linia w kolorach marki (przygaszona) i od razu tło --n-bg2
   (wcześniej 220 px przejścia w kolor strony: nie było widać, gdzie kończy się treść, a nad paskiem zaufania zostawała pusta plama) */
#lajk-footer{background:linear-gradient(90deg,rgba(139,92,246,.6) 0%,rgba(236,72,153,.6) 55%,rgba(249,115,22,.6) 100%) top/100% 1px no-repeat,linear-gradient(180deg,rgba(13,10,23,.55) 0,rgba(13,10,23,0) 72px),radial-gradient(900px 300px at 12% 200px,rgba(139,92,246,.13),transparent 70%),radial-gradient(760px 280px at 92% 240px,rgba(236,72,153,.07),transparent 70%),var(--n-bg2);border-top:0;color:var(--n-text)}
#lajk-footer .lajk-ft-inner{padding-top:2rem}
@media (min-width:922px){#lajk-footer .lajk-ft-inner{padding-top:2.75rem}}
#lajk-footer .lajk-ft-glow{display:none}
#lajk-footer .lajk-ft-tagline{color:var(--n-mut)}
#lajk-footer .lajk-ft-logo-dot{background:linear-gradient(90deg,#ec4899,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#lajk-footer .lajk-ft-links a{display:inline-block;color:var(--n-mut);}
#lajk-footer .lajk-ft-links a:hover{transform:translateX(2px)}
#lajk-footer .lajk-ft-col-h{color:#fff}
#lajk-footer :is(.lajk-ft-info,.lajk-ft-top){border-color:var(--n-line)}
#lajk-footer .lajk-ft-logo-img{display:block;width:40px;height:40px;flex-shrink:0;border-radius:10px;object-fit:contain}
#lajk-footer .lajk-ft-logo{gap:10px;margin-bottom:12px}
#lajk-footer .lajk-ft-soc{width:44px;height:44px;border-radius:12px;border:1px solid var(--n-line);background:var(--n-card);color:var(--n-text)}
#lajk-footer .lajk-ft-soc:hover{transform:translateY(-2px);background:var(--n-v-bg);border-color:rgba(167,139,250,.45);color:#fff}
#lajk-footer .lajk-ft-trustpilot{border-color:var(--n-line);background:var(--n-card);border-radius:12px}
#lajk-footer .lajk-ft-trustpilot:hover{transform:none}
#lajk-footer .lajk-ft-col-h{font-size:15px;font-weight:700;text-transform:none;letter-spacing:0}
#lajk-footer .lajk-ft-trust{border-color:var(--n-line);border-radius:16px;background:var(--n-card);box-shadow:var(--n-lift)}
#lajk-footer .lajk-ft-trust-item svg{stroke-width:1.75}
#lajk-footer .lajk-ft-trust-item strong{font-size:14px;line-height:1.35}
#lajk-footer .lajk-ft-trust-item span{margin-top:2px;font-size:13px;line-height:1.4;color:var(--n-mut)}
#lajk-footer .lajk-ft-col-ico svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
/* newsletter: pole, zgoda, dopiero potem przycisk */
#lajk-footer .lajk-ft-news-form{display:flex;flex-direction:column;gap:12px;max-width:520px}
#lajk-footer .lajk-ft-news-input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--n-line2)!important;border-radius:12px!important;background:var(--n-bg)!important;color:#fff!important}
#lajk-footer .lajk-ft-news-input:focus{border-color:var(--n-v)!important;box-shadow:0 0 0 3px rgba(139,92,246,.22)!important;outline:0}
#lajk-footer .lajk-ft-news-consent{margin:0;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:var(--n-mut)}
#lajk-footer .lajk-ft-news-consent input{width:20px;height:20px;margin:1px 0 0;flex-shrink:0}
#lajk-footer .lajk-ft-news-consent a{color:var(--n-link);text-decoration:underline;text-underline-offset:2px}
#lajk-footer .lajk-ft-news-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:48px;padding:0 24px;border-radius:12px;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.3);transform:none;filter:none;font-size:15px;line-height:1.2;transition:background var(--n-t1),transform var(--n-t1) var(--n-ease)}
#lajk-footer .lajk-ft-news-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.3);filter:none}
#lajk-footer .lajk-ft-news-btn:active{transform:scale(.98)}
#lajk-footer .lajk-ft-news-btn:disabled{opacity:.65}
#lajk-footer .lajk-ft-news-msg{margin:0;min-height:0;font-size:14px}
#lajk-footer .lajk-ft-news-msg:empty{display:none}
#lajk-footer .lajk-ft-news-msg.ok{color:var(--n-ok)}
#lajk-footer .lajk-ft-news-msg.err{color:var(--n-err)}
/* karta pomocy */
#lajk-footer .lajk-ft-help{border:1px solid var(--n-line)!important;border-radius:16px!important;box-shadow:none!important;padding:20px!important}
#lajk-footer .lajk-ft-help::before{display:none}
#lajk-footer .lajk-ft-help-top{align-items:center}
#lajk-footer .lajk-ft-help-ic{border:0;box-shadow:none}
#lajk-footer .lajk-ft-help-h{font-size:17px!important}
/* w stopce jeden kolorowy przycisk (newsletter); kontakt jako spokojne przyciski drugorzędne */
#lajk-footer .lajk-ft-help-mail{display:flex;align-items:center;justify-content:center;min-height:44px;background:transparent!important;border:1px solid var(--n-line2)!important;box-shadow:none!important;border-radius:12px!important;color:#fff!important;font-size:15px!important;font-weight:600!important}
#lajk-footer .lajk-ft-help-mail:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.28)!important;filter:none}
#lajk-footer .lajk-ft-help-p{color:var(--n-mut)}
#lajk-footer .lajk-ft-help-q{gap:4px 16px}
#lajk-footer .lajk-ft-help-q a{min-height:44px;padding:0;border:0;border-radius:0;background:none;font-size:14px;font-weight:600;color:var(--n-link);text-decoration:underline;text-underline-offset:3px}
#lajk-footer .lajk-ft-help-q a:hover{background:none;color:var(--n-link2)}
/* dolna karta: sprzedawca i płatności (bez powtórzonej marki) */
#lajk-footer .lajk-ft-base{background:var(--n-card);border:1px solid var(--n-line);border-radius:16px;box-shadow:var(--n-lift)}
#lajk-footer .lajk-ft-firm-seller{font-size:14px}
#lajk-footer .lajk-ft-firm-links{font-size:14px;gap:4px 16px}
#lajk-footer .lajk-ft-firm-links a{display:inline-flex;align-items:center;min-height:32px;color:var(--n-link)}
#lajk-footer .lajk-ft-base .lajk-ft-pay-badge{border-radius:10px}
#lajk-footer .lajk-ft-base .lajk-ft-pay-label{font-size:13px}
#lajk-footer .lajk-ft-base-bottom{font-size:13px;color:var(--n-mut);border-top-color:var(--n-line)}
@media (max-width:820px){
  #lajk-footer{text-align:left}
  #lajk-footer .lajk-ft-logo,#lajk-footer .lajk-ft-social,#lajk-footer .lajk-ft-col-h,#lajk-footer .lajk-ft-pay,#lajk-footer .lajk-ft-trust-item{justify-content:flex-start}
  #lajk-footer .lajk-ft-tagline,#lajk-footer .lajk-ft-trustpilot{margin-left:0;margin-right:0}
  #lajk-footer .lajk-ft-news-h,#lajk-footer .lajk-ft-news-p{text-align:left}
  #lajk-footer .lajk-ft-news-consent{justify-content:flex-start;max-width:none}
}
@media (min-width:768px) and (max-width:820px){#lajk-footer .lajk-ft-links{align-items:flex-start}}
/* zalety w stopce: na wąskim telefonie jedna kolumna (w dwóch tekst łamał się co słowo) */
@media (max-width:560px){#lajk-footer .lajk-ft-trust{grid-template-columns:1fr;gap:14px;padding:16px}}
@media (max-width:767px){
  #lajk-footer .lajk-ft-inner{padding-left:16px;padding-right:16px}
  #lajk-footer .lajk-ft-news-btn{align-self:stretch}
  #lajk-footer .lajk-ft-social{gap:8px}
  #lajk-footer .lajk-ft-soc{width:44px;height:44px}
  #lajk-footer .lajk-ft-col>summary::after,#lajk-footer .lajk-ft-col[open]>summary::after{content:"";width:32px;height:32px;border:0;border-radius:0;background:var(--n-chev) center/20px no-repeat;font-size:0;transition:transform .2s ease}
  #lajk-footer .lajk-ft-col[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
  #lajk-footer .lajk-ft-help{text-align:left}
  #lajk-footer .lajk-ft-col{border-color:var(--n-line)!important}
}
/* 21.10.2026 (R5 telefon): stopka krótsza na telefonie - zwinięte grupy usług w dwóch kolumnach (13 wierszy po ok. 55 px
   -> 7 wierszy, ok. 350 px mniej). Rozwinięta lista zostaje w swojej kolumnie (nic nie przeskakuje). Grupy „Pomoc”, „O sklepie”,
   „Zasady” bez zmian. Komputer i tablet (od 768 px) bez zmian. */
@media (max-width:767px){
  #lajk-footer .lajk-ft-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;border-top:1px solid var(--n-line)}
  #lajk-footer .lajk-ft-cols .lajk-ft-col:first-child{border-top:0}
  #lajk-footer .lajk-ft-cols .lajk-ft-col>summary{min-height:50px;padding-right:30px}
  #lajk-footer .lajk-ft-cols .lajk-ft-col>summary::after{right:0;width:24px;height:24px;background-size:18px}
  #lajk-footer .lajk-ft-cols .lajk-ft-col-h{min-width:0;gap:8px;font-size:14px}
  #lajk-footer .lajk-ft-cols .lajk-ft-links{padding:0 0 .6rem}
  #lajk-footer .lajk-ft-cols .lajk-ft-links a{font-size:14px;line-height:1.3}
}

/* 5.1 zalety na kafelkach z trójki marki (zielony tylko gwarancja), logo platform w swoich kolorach na neutralnym kafelku,
   newsletter w karcie z poświatą marki */
#lajk-footer .lajk-ft-trust-item svg{box-sizing:border-box;margin:0;}
#lajk-footer .lajk-ft-trust-item:nth-child(2) svg{background:var(--n-ok-bg);}
#lajk-footer .lajk-ft-trust-item:nth-child(3) svg{background:var(--n-o-bg);color:var(--n-o-ic)}
#lajk-footer .lajk-ft-trust-item:nth-child(4) svg{background:var(--n-p-bg);color:var(--n-p-ic)}
#lajk-footer .lajk-ft-trust-item strong{color:#fff}
#lajk-footer .lajk-ft-col-ico{background:rgba(255,255,255,.06)}
#lajk-footer .lajk-ft-news{padding:24px;border:1px solid rgba(167,139,250,.26);border-radius:20px;background:radial-gradient(420px 220px at 0 0,rgba(139,92,246,.28),transparent 70%),radial-gradient(360px 200px at 100% 100%,rgba(236,72,153,.18),transparent 70%),var(--n-card);box-shadow:var(--n-lift)}
#lajk-footer .lajk-ft-news-p{color:var(--n-mut)}
#lajk-footer .lajk-ft-news-h{margin:0 0 8px;font-size:18px;font-weight:800;letter-spacing:-.01em;color:#fff}
#lajk-footer .lajk-ft-news-p strong{color:var(--n-price)}
#lajk-footer .lajk-ft-help{background:radial-gradient(360px 200px at 0 0,rgba(139,92,246,.14),transparent 70%),var(--n-card)!important}
/* sprzedawca: tekst na całą szerokość karty (wcześniej został w wąskiej kolumnie po usuniętym logo) */
#lajk-footer .lajk-ft-base .lajk-ft-firm{display:block!important;flex:1 1 360px;min-width:0;grid-template-columns:none!important}
#lajk-footer .lajk-ft-base .lajk-ft-firm-txt{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:6px;max-width:none;text-align:left!important}
#lajk-footer .lajk-ft-base .lajk-ft-firm-seller{font-size:14px;line-height:1.5;color:var(--n-txt)}
#lajk-footer .lajk-ft-base .lajk-ft-firm-links{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:4px 20px}
#lajk-footer .lajk-ft-base .lajk-ft-pay-label svg{color:var(--n-ok)}
@media (max-width:767px){
  #lajk-footer .lajk-ft-news{padding:20px 16px}
  #lajk-footer .lajk-ft-base .lajk-ft-firm{flex-basis:auto;width:100%}
}

/* ============ 7. baner cookies ============ */
#lajk-cookie-box.lcb{bottom:16px;width:min(calc(100vw - 24px),640px);border:1px solid var(--n-line2);border-left:3px solid var(--n-info);border-radius:12px;background:var(--n-card);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif;transition:transform .3s ease,opacity .2s ease,visibility .3s}
#lajk-cookie-box .lcb-inner{padding:16px;gap:14px}
#lajk-cookie-box .lcb-top{align-items:flex-start;gap:12px}
#lajk-cookie-box .lcb-ic{flex:0 0 18px;width:18px;height:18px;margin-top:2px;color:var(--n-info)}
#lajk-cookie-box .lcb-main{gap:0}
#lajk-cookie-box .lcb-text{font-size:14px;line-height:1.55;color:var(--n-txt)}
#lajk-cookie-box .lcb-link{display:inline-flex;align-items:center;min-height:24px;color:var(--n-link);font-weight:600;border-bottom:1px solid rgba(196,181,253,.4);white-space:nowrap}
#lajk-cookie-box .lcb-settings{border-color:var(--n-line)}
#lajk-cookie-box .lcb-cat{border-color:var(--n-line);background:rgba(255,255,255,.03)}
/* „Odrzucam” i „Akceptuję” celowo wyglądają tak samo (równorzędny wybór, ulepszenia.css); tu tylko spokojniej i równo */
#lajk-cookie-box .lcb-actions{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:flex-end;gap:8px}
#lajk-cookie-box .lcb-actions .lcb-btn,#lajk-cookie-box .lcb-settings-act .lcb-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;height:auto!important;padding:0 18px!important;border-radius:12px!important;font-family:Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;text-align:center;transform:none!important;filter:none!important;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s}
#lajk-cookie-box .lcb-actions .lcb-primary,#lajk-cookie-box .lcb-actions .lcb-secondary,#lajk-cookie-box .lcb-settings-act .lcb-primary,#lajk-cookie-box .lcb-settings-act .lcb-secondary{flex:0 0 auto!important;min-width:180px;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
#lajk-cookie-box .lcb-actions .lcb-primary:hover,#lajk-cookie-box .lcb-actions .lcb-secondary:hover,#lajk-cookie-box .lcb-settings-act .lcb-primary:hover,#lajk-cookie-box .lcb-settings-act .lcb-secondary:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.36)!important}
#lajk-cookie-box .lcb-primary::after{display:none!important}
#lajk-cookie-box .lcb-actions .lcb-ghost{order:0!important;margin-right:auto;padding:0 4px!important;background:none!important;border:0!important;color:var(--n-mut)!important;font-weight:500!important;text-decoration:underline;text-decoration-color:rgba(163,157,184,.5);text-underline-offset:3px}
#lajk-cookie-box .lcb-actions .lcb-ghost:hover{color:#fff!important}
#lajk-cookie-box .lcb-actions .lcb-secondary{order:1!important}
#lajk-cookie-box .lcb-actions .lcb-primary{order:2!important}
#lajk-cookie-box .lcb-btn:focus-visible{outline:2px solid var(--n-link)!important;outline-offset:2px}
#lajk-cookie-box .lcb-text strong{color:#fff}
#lajk-cookie-box .lcb-cat-n{font-size:14px}
#lajk-cookie-box .lcb-cat-d{font-size:13px;color:var(--n-mut)}
#lajk-cookie-box .lcb-sw input:checked+.lcb-slider,#lajk-cookie-box .lcb-sw-lock .lcb-slider{background:var(--n-v);border-color:transparent}
#lajk-cookie-box .lcb-sw input:focus-visible+.lcb-slider{outline:2px solid var(--n-link)}
@media (max-width:768px){
  #lajk-cookie-box.lcb{width:calc(100vw - 16px);bottom:calc(8px + env(safe-area-inset-bottom));border-radius:12px}
  #lajk-cookie-box .lcb-inner{padding:14px;gap:12px}
  #lajk-cookie-box .lcb-text{font-size:14px}
  /* telefon: dwa równe przyciski obok siebie (pod sobą, gdy się nie mieszczą), „Ustawienia” pod nimi */
  #lajk-cookie-box .lcb-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
  #lajk-cookie-box .lcb-actions .lcb-primary,#lajk-cookie-box .lcb-actions .lcb-secondary{min-width:0;padding:0 8px!important}
  #lajk-cookie-box .lcb-actions .lcb-ghost{grid-column:1/-1;order:3!important;margin:0;justify-self:center;min-height:40px!important}
  #lajk-cookie-box .lcb-settings-act{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
  #lajk-cookie-box .lcb-settings-act .lcb-btn{min-width:0;padding:0 8px!important}
}
/* teaser rabatu nie zasłania baneru zgód */
/* 2.42.0: bez :has() na body (sprawdzane przy każdym przeliczeniu stylów strony) - baner zgód stoi w HTML przed teaserem, oba są dziećmi <body> */ #lajk-cookie-box.show~#lajk-pop-teaser{opacity:0!important;pointer-events:none!important}

/* ============ 8. okno i pigułka newslettera ============ */
/* W oknie jeden główny przycisk („Odbierz -10%”) - w gradiencie marki, bo to jedyna akcja na tym ekranie. */
#lajk-pop-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(6,5,12,.72)}
#lajk-pop-card{background:radial-gradient(420px 240px at 0 0,rgba(139,92,246,.16),transparent 70%),var(--n-card);border:1px solid var(--n-line2);border-radius:20px;box-shadow:var(--n-lift),0 20px 60px rgba(0,0,0,.6);transition:transform .2s ease}
#lajk-pop-card :is(.lajk-pop-title,.lajk-pop-done-t){color:#fff}
#lajk-pop-card .lajk-pop-sub{color:var(--n-mut)}
#lajk-pop-card .lajk-pop-title{font-size:24px;font-weight:800;letter-spacing:-.01em}
.lajk-pop-grad{background:none!important;-webkit-text-fill-color:currentColor;color:inherit}
.lajk-pop-ticket{border-radius:16px;-webkit-mask:none;mask:none}
.lajk-pop-ticket-d{color:var(--n-text)}
.lajk-pop-ticket-k{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--n-mut)}
.lajk-pop-ticket-v{background:none;-webkit-text-fill-color:#fff;color:#fff;filter:none}
.lajk-pop-steps li{border-color:var(--n-line)}
#lajk-pop-email{min-height:48px;height:48px;border:1px solid var(--n-line2);border-radius:12px;background:var(--n-bg);color:#fff}
#lajk-pop-email:focus{border-color:var(--n-v);box-shadow:0 0 0 3px rgba(139,92,246,.22);outline:0}
#lajk-pop-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;border-radius:12px;background:var(--n-grad-buy);color:#fff;box-shadow:var(--n-buy-shadow);font-size:15px;transition:filter var(--n-t1),transform var(--n-t1) var(--n-ease)}
#lajk-pop-btn:hover{background:var(--n-grad-buy);box-shadow:var(--n-buy-shadow);filter:brightness(1.1);transform:translateY(-1px)}
#lajk-pop-btn:active{transform:scale(.98)}
#lajk-pop-x{background:transparent!important;border-color:transparent!important;border-radius:10px!important;width:40px!important;height:40px!important;top:8px!important;right:8px!important}
.lajk-pop-fine{font-size:12px;color:var(--n-mut)}
.lajk-pop-body{text-align:left}
.lajk-pop-sub{margin-left:0;margin-right:0}
.lajk-pop-social{justify-content:flex-start;font-size:13px}
.lajk-pop-done-ic{background:var(--n-ok-bg);color:var(--n-ok)}
#lajk-pop-teaser{border-radius:12px;background:var(--n-card2);border:1px solid var(--n-line2);}
#lajk-pop-teaser-open,#lajk-pop-teaser-x{color:#fff}
#lajk-pop-teaser-open{padding:0 12px 0 14px;min-height:44px;font-size:14px}
#lajk-pop-teaser-open svg{stroke:var(--n-link)}
#lajk-pop-teaser-x{border-left:1px solid var(--n-line)!important;background:transparent!important;min-width:44px}
/* pigułka nigdy nie zasłania przycisków zakupu: znika, gdy widać pasek „Do koszyka” na stronie usługi,
   a na telefonie na stronie usługi nie pokazuje się wcale (leżałaby na kafelkach pakietów) */
body.ljk-sb:not(.ljk-sb-hide) #lajk-pop-teaser{opacity:0!important;pointer-events:none!important;visibility:hidden}
@media (max-width:767px){body.single-product #lajk-pop-teaser{display:none!important}}
/* kiedy pigułka znika (5864-popup.js): na telefonie przy przewijaniu w dół i na pierwszym ekranie; wszędzie, gdy leżałaby na
   przycisku, linku albo polu formularza. Mniejsza i niższa niż wcześniej, żeby zasłaniała jak najmniej. */
#lajk-pop-teaser{transition:opacity .2s ease,transform .2s ease}
#lajk-pop-teaser.is-away{opacity:0!important;transform:translateY(8px)!important;pointer-events:none!important;visibility:hidden;transition:opacity .2s ease,transform .2s ease}
/* R5: przyciski w pigułce dziedziczą visibility i miały transition:all z motywu - animowała się widoczność (PageSpeed: animacje
   nie-kompozytowane). W środku pigułki przejścia tylko dla przezroczystości i przesunięcia. */
#lajk-pop-teaser *{transition-property:opacity,transform}
@media (max-width:767px){
  #lajk-pop-teaser{left:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
  #lajk-pop-teaser-open{min-height:40px;padding:0 10px 0 12px;font-size:13px}
  #lajk-pop-teaser-x{min-width:40px}
}

/* ============ 9. powiadomienia (WooCommerce i własne): jeden wzór ============ */
html body .woocommerce-error.woocommerce-error,html body .woocommerce-info.woocommerce-info,html body .woocommerce-message.woocommerce-message{--nc:var(--n-info);position:relative!important;display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:8px 16px;list-style:none!important;margin:0 0 16px!important;padding:14px 16px 14px 46px!important;min-height:0;border-radius:12px!important;border:1px solid var(--n-line)!important;border-left:3px solid var(--nc)!important;background:var(--n-card)!important;color:var(--n-txt)!important;font:500 14.5px/1.5 Sora,"Sora Fallback",Inter,sans-serif!important;text-align:left}
html body .woocommerce-message.woocommerce-message{--nc:var(--n-ok)}
html body .woocommerce-error.woocommerce-error{--nc:var(--n-err)}
html body .woocommerce-error.woocommerce-error::before,html body .woocommerce-info.woocommerce-info::before,html body .woocommerce-message.woocommerce-message::before{content:""!important;position:absolute!important;left:16px!important;top:16px!important;transform:none!important;width:18px!important;height:18px!important;margin:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;background:var(--nc)!important;background-image:none!important;-webkit-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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask-image: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;mask-repeat:no-repeat}
html body .woocommerce-message.woocommerce-message::before{-webkit-mask-image: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16 9.5'/%3E%3C/svg%3E");mask-image: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16 9.5'/%3E%3C/svg%3E")}
html body .woocommerce-error.woocommerce-error::before{-webkit-mask-image: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V13M12 16.5h.01'/%3E%3C/svg%3E");mask-image: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V13M12 16.5h.01'/%3E%3C/svg%3E")}
html body .woocommerce-error.woocommerce-error li{flex:1 1 100%}
html body .woocommerce-error.woocommerce-error .button,html body .woocommerce-info.woocommerce-info .button,html body .woocommerce-message.woocommerce-message .button{order:2;float:none!important;display:inline-flex!important;align-items:center;justify-content:center;margin:0 0 0 auto!important;padding:0 16px!important;min-height:40px;border:1px solid var(--n-line2)!important;border-radius:10px!important;background:transparent!important;color:#fff!important;font:600 14px/1.2 Sora,"Sora Fallback",Inter,sans-serif!important;text-decoration:none!important;box-shadow:none!important;white-space:nowrap}
html body .woocommerce-error.woocommerce-error .button:hover,html body .woocommerce-info.woocommerce-info .button:hover,html body .woocommerce-message.woocommerce-message .button:hover{background:rgba(255,255,255,.06)!important;filter:none}
@media (max-width:600px){
  html body .woocommerce-error.woocommerce-error,html body .woocommerce-info.woocommerce-info,html body .woocommerce-message.woocommerce-message{padding:14px 14px 14px 44px!important;font-size:14px!important}
  html body .woocommerce-error.woocommerce-error::before,html body .woocommerce-info.woocommerce-info::before,html body .woocommerce-message.woocommerce-message::before{left:14px!important;top:15px!important}
  html body .woocommerce-error.woocommerce-error .button,html body .woocommerce-info.woocommerce-info .button,html body .woocommerce-message.woocommerce-message .button{flex:1 1 100%;margin:4px 0 0!important;min-height:44px;width:100%}
}
/* bloki WooCommerce */
html body .wc-block-components-notice-banner{--nc:var(--n-info);gap:12px;padding:14px 16px;border:1px solid var(--n-line);border-left:3px solid var(--nc);border-radius:12px;background:var(--n-card);color:var(--n-txt);font-size:14.5px;line-height:1.5}
html body .wc-block-components-notice-banner.is-success{--nc:var(--n-ok)}
html body .wc-block-components-notice-banner.is-error{--nc:var(--n-err)}
html body .wc-block-components-notice-banner.is-warning{--nc:var(--n-warn)}
html body .wc-block-components-notice-banner>svg{flex:0 0 20px;width:20px;height:20px;margin-top:1px;padding:0;border-radius:0;background:none;fill:var(--nc)}
html body .wc-block-components-notice-banner .wc-block-components-button,html body .wc-block-components-notice-banner>.wc-forward{border-radius:10px}
/* własne komunikaty */
.ljk-rb-info,.ljk-gw-info{border-radius:12px}

/* ============ 10. mikroanimacje (część 4 zasad) ============ */
/* Ruch tylko informuje: pojawienie się treści, potwierdzenie dodania do koszyka, otwarcie odpowiedzi. Raz, 150-400 ms,
   wyłącznie transform/opacity, nigdy w pętli i nigdy na pierwszym ekranie (LCP). */

/* 10.1 pojawianie się przy przewijaniu. Klasy nadaje skrypt z naturalny.php: html.n-js (skrypt działa), .n-reveal (element),
   .is-in (element wszedł w widok), --n-i (kolejność w jednej porcji -> lekkie opóźnienie 70 ms).
   Bez JS i przy ograniczonym ruchu treść jest widoczna od razu. Animacja (nie transition), żeby nie kłócić się
   z przejściami kart na najechanie; fill „backwards” - po końcu element wraca do własnych stylów. */
@keyframes nIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
html.n-js .n-reveal:not(.is-in){opacity:0}
html.n-js .n-reveal.is-in{animation:nIn .4s var(--n-ease) backwards;animation-delay:calc(var(--n-i,0) * 70ms)}

/* 10.2 odpowiedzi w akordeonach: tekst łagodnie wchodzi po otwarciu (wysokość animuje skrypt) */
@keyframes nFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
details[open]:is(.faq-item,.guide-item)>:not(summary){animation:nFade var(--n-t2) var(--n-ease)}
details.n-anim{overflow:hidden;box-sizing:border-box}

@media (prefers-reduced-motion:reduce){
  html.n-js .n-reveal{opacity:1!important;animation:none!important}
  details[open]:is(.faq-item,.guide-item)>:not(summary){animation:none}
  body #lajk-home.hx-v3 :is(.btn,.hx-plat,.hx-card,.hx-card-top,.bcard,.cta-plat){transition:none!important;transform:none!important}
}
@media print{html.n-js .n-reveal{opacity:1!important;animation:none!important}}

/* ============ 14. v5: dopracowanie całego sklepu (15.10.2026) ============ */
/* 14.1 pierwszy ekran strony głównej bez animacji wejścia: H1 to element LCP, a stara animacja lajkRise (0,6 s, styl w treści
   strony) opóźniała jego wyrenderowanie o ok. 1,5 s. Hero ma być od razu, w całości. */
body #lajk-home.hx-v3 .hx,body #lajk-home.hx-v3 .hx *{animation:none}

/* 14.2 koniec sekcji = następny krok (Opinie, Jak to działa, FAQ; markup: v5wyglad/home-ctas.txt). Jeden przycisk zakupu
   na ekranie, obok krótko i prawdziwie: od ile, jak płacisz, bez hasła. */
body #lajk-home.hx-v3 .hx-next{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:clamp(28px,4vw,40px)}
body #lajk-home.hx-v3 .hx-next .btn{min-height:48px;padding:0 24px;font-size:16px;white-space:nowrap}
body #lajk-home.hx-v3 .hx-next p{flex:1 1 260px;max-width:440px;margin:0;font-size:14px;line-height:1.5;color:var(--n-mut)}
body #lajk-home.hx-v3 #opinie .hx-next p{flex:0 1 auto}
@media (max-width:640px){
  body #lajk-home.hx-v3 .hx-next .btn{flex:1 1 100%}
}

/* 14.3 typografia: nagłówki bez sierot (balance), akapity bez pojedynczych słów w ostatniej linii (pretty) */
:where(h1,h2,h3,h4,.hero-h1,.faq-q,.lajk-sec-h){text-wrap:balance}
:where(.entry-content,.ljk-pg,#lajk-home,#lajk-root,.lb,.lk-blog-wrap) :where(p,li){text-wrap:pretty}
/* 14.4 widoczny fokus z klawiatury wszędzie, gdzie moduł nie ma własnego (niska waga :where - własne style wygrywają) */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--n-link);outline-offset:2px}

/* 14.5 grafiki usług: jedna skala zaokrągleń - 20px duże (karty hero), 16px średnie (opis usługi, okładki), 12px miniatury
   w siatkach, 8px małe ikony; zawsze na opakowaniu z overflow:hidden, a cienka jasna ramka od środka oddziela kolorowy
   kwadrat od ciemnego tła. Wymiary/proporcje ustalone z góry - bez przesunięć przy wczytaniu. */
#lajk-root .lajk-more-fig{position:relative;border-radius:16px}
#lajk-root .lajk-more-fig::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
#lajk-root .lajk-more-img{object-fit:cover}
.ljk-wk-list img{border-radius:8px;object-fit:cover}

/* 14.6 stopka: przycisk newslettera ciemniejszym różem marki (biały tekst 6:1 zamiast 3,5:1), linki z celem >= 24 px
   (WCAG 2.5.8) przy tej samej długości listy */
#lajk-footer .lajk-ft-news-btn{background:#be185d}
#lajk-footer .lajk-ft-news-btn:hover{background:#a3154f}
@media (min-width:768px){
  #lajk-footer .lajk-ft-links{gap:2px}
  #lajk-footer .lajk-ft-links a{display:inline-flex;align-items:center;min-height:28px}
  #lajk-footer .lajk-ft-firm-links a,#lajk-footer .lajk-ft-help-q a{min-height:28px}
}

/* 14.7 kasa na wąskim telefonie: kroki „Koszyk / Dane i płatność / Potwierdzenie” były ucinane przy 320 px - zostają numery,
   podpis tylko przy bieżącym kroku (pozostałe podpisy dalej czytają czytniki ekranu) */
@media (max-width:400px){
  body .lk-steps{gap:6px}
  body .lk-steps .lk-step-line{flex:1 1 12px;min-width:8px}
  body .lk-steps .lk-step:not(.is-active) .lk-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  body .lk-steps .lk-label{font-size:13px;white-space:nowrap}
}

@media (prefers-reduced-motion:reduce){
  body #lajk-home.hx-v3 :is(.hx26-prod,.hx26-pp::after,.hx26-plat){transition:none!important;transform:none!important}
}

/* ============ 15. v6: barwy platform jako identyfikacja (15.10.2026) ============ */
/* Filip: „blade”. Znaki platform w ich prawdziwych barwach (Instagram w swoim gradiencie, TikTok biały z turkusem
   i czerwienią) zamiast rozjaśnionych pasteli; kafle platform pełnym kolorem marki z białym znakiem - jak ikony aplikacji,
   ten sam wzór co w menu nagłówka (moduł 5819). Kolor nadal tylko w znaku/kaflu platformy, tekst biały. */
:root{
  --n-ig-grad:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
  --n-ig-fill:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  --n-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");
}
/* 15.1 stopka: nagłówki kolumn usług z kaflem platformy */
#lajk-footer .lajk-ft-col-ico{width:26px;height:26px;border-radius:8px;color:#fff}
#lajk-footer .lajk-ft-col-ico svg{width:15px;height:15px;stroke-width:2}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-tiktok{background:#000;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-tiktok svg{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-instagram{background:var(--n-ig-fill);color:#fff}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-youtube{background:#ff0033;color:#fff}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-facebook{background:#1877f2;color:#fff}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-twitch{background:#9146ff;color:#fff}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-discord{background:#5865f2;color:#fff}
/* 2.57: nowe platformy w barwach marek (wcześniej szare kafle); żółty/zielony kafel z czarnym znakiem dla kontrastu */
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-x,#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-threads{background:#000;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-spotify{background:#1ed760;color:#000}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-linkedin{background:#0a66c2;color:#fff}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-telegram{background:linear-gradient(180deg,#2aabee,#229ed9);color:#fff}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-kick{background:#53fc18;color:#000}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-pinterest{background:#e60023;color:#fff}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-snapchat{background:#fffc00;color:#000}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-soundcloud{background:#ff5500;color:#fff}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-reddit{background:#ff4500;color:#fff}
#lajk-footer .lajk-ft-col-ico.lajk-ft-ico-whatsapp{background:#25d366;color:#fff}
#lajk-footer .lajk-ft-col-h{gap:10px}
/* linki w stopce: najechanie bielą (wcześniej ledwie widoczna zmiana) */
#lajk-footer .lajk-ft-links a{transition:color var(--n-t1)}
#lajk-footer .lajk-ft-links a:hover{color:#fff}
/* ikony mediów społecznościowych: najechanie barwą marki platformy */
#lajk-footer .lajk-ft-soc{transition:background var(--n-t1),color var(--n-t1),border-color var(--n-t1)}
#lajk-footer .lajk-ft-soc[href*="tiktok.com"]:hover{background:#000;color:#fff;border-color:rgba(255,255,255,.24)}
#lajk-footer .lajk-ft-soc[href*="instagram.com"]:hover{background:var(--n-ig-fill);color:#fff;border-color:transparent}
#lajk-footer .lajk-ft-soc[href*="youtube.com"]:hover{background:#ff0033;color:#fff;border-color:transparent}
#lajk-footer .lajk-ft-soc[href*="facebook.com"]:hover{background:#1877f2;color:#fff;border-color:transparent}

/* 15.2 zestawy startowe: kafel platformy przy nagłówku pełnym kolorem marki */
.ljk-zs .ljk-zs-ic{color:#fff!important}
.ljk-zs--tiktok .ljk-zs-ic{background:#000!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.ljk-zs--tiktok .ljk-zs-ic svg{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
.ljk-zs--instagram .ljk-zs-ic{background:var(--n-ig-fill)!important}
.ljk-zs--youtube .ljk-zs-ic{background:#ff0033!important}
.ljk-zs--facebook .ljk-zs-ic{background:#1877f2!important}
.ljk-zs--twitch .ljk-zs-ic{background:#9146ff!important}
.ljk-zs--discord .ljk-zs-ic{background:#5865f2!important}
.ljk-zs .ljk-zs-ic svg{stroke-width:2}

/* 15.3 strona główna, telefon: kafle platform pod hero ze znakami w prawdziwych barwach, najechanie zabarwieniem platformy */
body #lajk-home.hx-v3 .hx26-plat[data-p=tiktok]{--pc:#fff;--pt:rgba(254,44,85,.14)}
body #lajk-home.hx-v3 .hx26-plat[data-p=tiktok] svg{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
body #lajk-home.hx-v3 .hx26-plat[data-p=instagram]{--pc:#ff5a92;--pt:rgba(225,48,108,.15)}
body #lajk-home.hx-v3 .hx26-plat[data-p=youtube]{--pc:#ff0033;--pt:rgba(255,0,51,.14)}
body #lajk-home.hx-v3 .hx26-plat[data-p=facebook]{--pc:#1877f2;--pt:rgba(24,119,242,.16)}
body #lajk-home.hx-v3 .hx26-plat[data-p=twitch]{--pc:#9146ff;--pt:rgba(145,70,255,.16)}
body #lajk-home.hx-v3 .hx26-plat[data-p=discord]{--pc:#5865f2;--pt:rgba(88,101,242,.18)}
body #lajk-home.hx-v3 .hx26-plat{color:#fff;background:rgba(255,255,255,.04)}
body #lajk-home.hx-v3 .hx26-plat svg{width:22px;height:22px}
body #lajk-home.hx-v3 .hx26-plat:hover{background:var(--pt,rgba(255,255,255,.07))}
/* 15.4 kafle platform w listach usług (krótki kod [lajk_...]: strona główna, sklep): TikTok czarny z białym znakiem
   w turkusowo-czerwonej obwódce (jak oryginalne logo) zamiast turkusowego gradientu; Instagram tym samym gradientem co wszędzie */
body .lajk-sc-platicon.lajk-plat-tiktok{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
body .lajk-sc-platicon.lajk-plat-tiktok svg{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
body .lajk-sc-platicon.lajk-plat-instagram{background:var(--n-ig-fill)}
body .lajk-sc-platicon.lajk-plat-youtube{background:#ff0033}
body .lajk-sc-platicon.lajk-plat-facebook{background:#1877f2}
body .lajk-sc-platicon.lajk-plat-twitch{background:#9146ff}
body .lajk-sc-platicon.lajk-plat-discord{background:#5865f2}
/* 2.57: nowe platformy płaskim kolorem marki (jak w menu i stopce) */
body .lajk-sc-platicon.lajk-plat-x{background:#000;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body .lajk-sc-platicon.lajk-plat-spotify{background:#1ed760;color:#000!important}
body .lajk-sc-platicon.lajk-plat-linkedin{background:#0a66c2;color:#fff}
body .lajk-sc-platicon.lajk-plat-telegram{background:linear-gradient(180deg,#2aabee,#229ed9);color:#fff}
body .lajk-sc-platicon.lajk-plat-kick{background:#53fc18;color:#000!important}
/* to samo dla kafli strony głównej (.hx-ic z kolorami w atrybucie style): TikTok czarny, Instagram gradientem marki */
body #lajk-home.hx-v3 .hx-ic[style*="#25f4ee"]{background:#000!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important}
body #lajk-home.hx-v3 .hx-ic[style*="#25f4ee"] svg{color:#fff;filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
body #lajk-home.hx-v3 .hx-ic[style*="#f09433"]{background:var(--n-ig-fill)!important}

/* ============ 16. v7: jeden wzór komunikatów w całym sklepie (15.10.2026) ============ */
/* Filip: „powiadomienia ładniejsze i żeby nie wyglądały jak AI”. Dwa wzory, wszędzie te same (ZASADY p. 12):
   A) komunikat przy polu (walidacja, wynik zapisu do newslettera): ikona 16px przy pierwszej linii + tekst w kolorze typu,
      bez tła i ramki - stoi tuż pod polem, którego dotyczy (Baymard: walidacja w linii zamiast zbiorczych alertów);
   B) baner (WooCommerce, potwierdzenia formularzy, „Dodano do koszyka”): karta z palety, kreska 3px w kolorze typu
      po lewej, ikona 18px bez kafelka, tekst do lewej. Bez pasków odliczania, poświat, zabarwionych teł i pulsowania.
   Dymek (toast) tylko dla zdarzeń globalnych na stronie usługi (produkt-2026.css) - ten sam wzór B. */
:root{
  --n-ic-err: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V13M12 16.5h.01'/%3E%3C/svg%3E");
  --n-ic-ok: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16 9.5'/%3E%3C/svg%3E");
  --n-ic-info: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");
}
/* 16.1 wzór A: komunikat przy polu */
:is(.lajk-pop-msg,#lajk-footer .lajk-ft-news-msg,.ljk-zs-msg):is(.ok,.err){--nc:var(--n-err);display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;padding:0;border:0;background:none;font-size:14px;font-weight:500;line-height:1.45;color:var(--nc);text-align:left}
:is(.lajk-pop-msg,#lajk-footer .lajk-ft-news-msg,.ljk-zs-msg).ok{--nc:var(--n-ok)}
:is(.lajk-pop-msg,#lajk-footer .lajk-ft-news-msg,.ljk-zs-msg):is(.ok,.err)::before{content:"";flex:0 0 16px;width:16px;height:16px;margin-top:2px;background:currentColor;-webkit-mask:var(--n-ic-err) center/contain no-repeat;mask-image:var(--n-ic-err);mask-position:center;mask-size:contain;mask-repeat:no-repeat}
:is(.lajk-pop-msg,#lajk-footer .lajk-ft-news-msg,.ljk-zs-msg).ok::before{-webkit-mask-image:var(--n-ic-ok);mask-image:var(--n-ic-ok)}
/* zestawy: komunikat błędu ma tylko klasę .ljk-zs-msg (bez .err) */
.ljk-zs-msg:not(.ok):not([hidden]){display:flex;align-items:flex-start;gap:8px;color:var(--n-err)!important;font-size:14px!important;font-weight:500;line-height:1.45}
.ljk-zs-msg:not(.ok):not([hidden])::before{content:"";flex:0 0 16px;width:16px;height:16px;margin-top:2px;background:currentColor;-webkit-mask:var(--n-ic-err) center/contain no-repeat;mask-image:var(--n-ic-err);mask-position:center;mask-size:contain;mask-repeat:no-repeat}
/* pola w błędzie: czerwona ramka zamiast czerwonego tła; pierścień tylko przy fokusie */
:is(.woocommerce-invalid,.has-error) :is(input.input-text,input[type=text],input[type=email],input[type=tel],select,textarea){border-color:var(--n-err)!important;box-shadow:none!important}
:is(.woocommerce-invalid,.has-error) :is(input,select,textarea):focus{box-shadow:0 0 0 3px rgba(248,113,113,.16)!important}
/* WooCommerce (bloki koszyka i kasy): komunikat pod polem w tym samym wzorze */
html body .wc-block-components-validation-error{margin-top:6px}
html body .wc-block-components-validation-error>p{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13.5px;font-weight:500;line-height:1.45;color:var(--n-err)}
html body .wc-block-components-validation-error>p::before{content:"";flex:0 0 16px;width:16px;height:16px;margin-top:1px;background:currentColor;-webkit-mask:var(--n-ic-err) center/contain no-repeat;mask-image:var(--n-ic-err);mask-position:center;mask-size:contain;mask-repeat:no-repeat}
html body .wc-block-components-validation-error svg{display:none}
html body .checkout-inline-error-message{margin:6px 0 0;font-size:13.5px;font-weight:500;color:var(--n-err)}

/* 16.2 wzór B: baner - te same proporcje co komunikaty WooCommerce (sekcja 9), czcionka treści zamiast nagłówkowej */
html body .woocommerce-error.woocommerce-error,html body .woocommerce-info.woocommerce-info,html body .woocommerce-message.woocommerce-message{font-family:Inter,-apple-system,"Segoe UI",sans-serif!important;font-weight:400!important;box-shadow:none!important}
html body :is(.woocommerce-error,.woocommerce-info,.woocommerce-message) a:not(.button){color:var(--n-link);text-decoration:underline;text-underline-offset:3px}
html body .wc-block-components-notice-banner{font-family:Inter,-apple-system,"Segoe UI",sans-serif;box-shadow:none}
html body .wc-block-components-notice-banner{display:flex;align-items:flex-start}
/* ikona WooCommerce (różne kształty dla typów) zastąpiona tą samą ikoną co w pozostałych komunikatach */
html body .wc-block-components-notice-banner>svg{display:none!important}
html body .wc-block-components-notice-banner::before{content:"";flex:0 0 18px;width:18px;height:18px;margin-top:2px;background:var(--nc);-webkit-mask:var(--n-ic-info) center/contain no-repeat;mask-image:var(--n-ic-info);mask-position:center;mask-size:contain;mask-repeat:no-repeat}
html body .wc-block-components-notice-banner.is-success::before{-webkit-mask-image:var(--n-ic-ok);mask-image:var(--n-ic-ok)}
html body .wc-block-components-notice-banner:is(.is-error,.is-warning)::before{-webkit-mask-image:var(--n-ic-err);mask-image:var(--n-ic-err)}
html body .wc-block-components-notice-banner__content{flex:1 1 auto;min-width:0}
html body :is(.woocommerce-error,.woocommerce-info,.woocommerce-message) .button{letter-spacing:0!important;text-transform:none!important}
html body .wc-block-components-notice-banner .wc-block-components-notice-banner__content{color:var(--n-text)}
html body .wc-block-components-notice-banner>.wc-block-components-button:not(.wc-forward){background:transparent!important;color:var(--n-mut)!important;border-radius:8px}
.ljk-odst-err,.ljk-odst-ok,#lajk-side-cart .lajk-sc-added{--nc:var(--n-err);position:relative;display:flex;align-items:flex-start;gap:10px;padding:14px 16px 14px 44px!important;border:1px solid var(--n-line)!important;border-left:3px solid var(--nc)!important;border-radius:12px!important;background:var(--n-card)!important;box-shadow:none!important;color:var(--n-text)!important;font-family:Inter,-apple-system,"Segoe UI",sans-serif;font-size:14.5px;font-weight:500;line-height:1.5}
.ljk-odst-ok,#lajk-side-cart .lajk-sc-added{--nc:var(--n-ok)}
.ljk-odst-err::before,.ljk-odst-ok::before,#lajk-side-cart .lajk-sc-added::before{content:"";position:absolute;left:15px;top:16px;width:18px;height:18px;background:var(--nc);-webkit-mask:var(--n-ic-err) center/contain no-repeat;mask-image:var(--n-ic-err);mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.ljk-odst-ok::before,#lajk-side-cart .lajk-sc-added::before{-webkit-mask-image:var(--n-ic-ok);mask-image:var(--n-ic-ok)}
.ljk-odst-ok>svg,#lajk-side-cart .lajk-sc-added>svg{display:none!important}
.ljk-odst-ok strong,.ljk-odst-ok a{color:#fff}
#lajk-side-cart .lajk-sc-added{align-items:center;min-height:48px;padding-top:12px!important;padding-bottom:12px!important;font-weight:600}
#lajk-side-cart .lajk-sc-added::before{top:50%;margin-top:-9px}
#lajk-side-cart .lajk-sc-added[hidden]{display:none!important}

/* 16.3 okno newslettera: komunikat zaraz pod polem e-mail (markup 5864), kroki jako zwykła linia tekstu zamiast trzech
   kafelków z numerami, kupon jako spokojna karta (bez „biletu” z przerywaną ramką) */
.lajk-pop-steps{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0 0 12px!important;padding:0!important;list-style:none;grid-template-columns:none!important}
.lajk-pop-steps li{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:13px!important;font-weight:500;line-height:1.4;color:var(--n-mut)!important;flex:0 0 auto!important;width:auto!important;text-align:left!important}
.lajk-pop-steps li+li::before{content:"";width:14px;height:14px;margin:0 6px;background:var(--n-mut);-webkit-mask:var(--n-chevr) center/14px no-repeat;mask-image:var(--n-chevr);mask-position:center;mask-size:14px;mask-repeat:no-repeat;opacity:.7}
.lajk-pop-steps b{display:inline!important;width:auto!important;height:auto!important;min-width:0!important;margin:0 4px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--n-text)!important;font-size:13px!important;font-weight:700;line-height:1.4}
.lajk-pop-steps b::after{content:"."}
/* na telefonie kroki powtarzały zdanie nad nimi („wyślemy po potwierdzeniu adresu”) i łamały się w pół - zostaje samo zdanie */
@media (max-width:480px){.lajk-pop-steps{display:none!important}}
.lajk-pop-ticket{border:1px solid var(--n-line2)!important;background:var(--n-card2)!important}
/* komunikat pod polem: treść okna jako jedna kolumna, opakowanie formularza „przezroczyste” dla układu (display:contents),
   więc komunikat staje między polem a drobnym drukiem bez zmiany skryptu; po zapisie opakowanie znika jak dotąd ([hidden]) */
.lajk-pop-body{display:flex;flex-direction:column}
#lajk-pop-form-wrap:not([hidden]){display:contents}
.lajk-pop-body>.lajk-pop-title{order:1}.lajk-pop-body>.lajk-pop-sub{order:2}.lajk-pop-steps{order:3}#lajk-pop-form{order:4}
.lajk-pop-body>.lajk-pop-msg{order:5;margin:8px 0 0}.lajk-pop-fine{order:6}#lajk-pop-done{order:7}.lajk-pop-body>.lajk-pop-social{order:8}
.lajk-pop-body>.lajk-pop-msg:empty{display:none}
.lajk-pop-done-ic{border-radius:12px}

/* 16.4 przypinka „-10% na start” i baner cookies: ta sama karta (bez świecenia), przy krawędzi */
#lajk-pop-teaser{box-shadow:0 8px 24px rgba(0,0,0,.4)!important}
#lajk-pop-teaser-open strong{color:#fff;font-weight:700}
#lajk-cookie-box.lcb{box-shadow:0 12px 32px rgba(0,0,0,.45)}
@media (prefers-reduced-motion:reduce){#lajk-side-cart .lajk-sc-added:not([hidden]){animation:none!important}}

/* ============ 17. v7: bez siatek „ikona na kafelku” (15.10.2026) ============ */
/* Cztery karty z ikoną na kolorowym kafelku (każda w innym kolorze) to najbardziej rozpoznawalny wzór szablonów AI.
   „Czy to bezpieczne?” to tekst do przeczytania, nie lista zalet: układ redakcyjny - bez kart, cienka linia nad każdym
   blokiem, mała ikona przy nagłówku w jednym kolorze (zielona tylko przy gwarancji). Zalety w stopce i karta pomocy:
   ikona bez kafelka. Kafle z logo platform zostają - to identyfikacja, nie ozdoba. */
body #lajk-home.hx-v3 #bezpieczenstwo .seo-text-grid{gap:28px 48px}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block{--ic:var(--n-v2);padding:20px 0 0!important;border:0!important;border-top:1px solid var(--n-line2)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block:nth-child(n){--ic:var(--n-v2);--icbg:transparent}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block:nth-child(4){--ic:var(--n-ok)}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block::before{display:none!important}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block::after{top:22px!important;left:0!important;width:20px;height:20px}
body #lajk-home.hx-v3 #bezpieczenstwo .seo-block h3{padding-left:30px}
@media (max-width:640px){
  body #lajk-home.hx-v3 #bezpieczenstwo .seo-text-grid{gap:24px}
  body #lajk-home.hx-v3 #bezpieczenstwo .seo-block{padding:18px 0 0!important}
  body #lajk-home.hx-v3 #bezpieczenstwo .seo-block::after{top:20px!important;left:0!important}
}
/* zalety w stopce: ikona 20px bez kafelka, jeden kolor; zielona tylko gwarancja */
#lajk-footer .lajk-ft-trust-item svg,#lajk-footer .lajk-ft-trust-item:nth-child(n) svg{flex:0 0 20px;width:20px;height:20px;padding:0;border-radius:0;background:none;color:var(--n-v2)}
#lajk-footer .lajk-ft-trust-item:nth-child(2) svg{color:var(--n-ok)}
#lajk-footer .lajk-ft-trust-item{align-items:flex-start;gap:12px}
#lajk-footer .lajk-ft-trust-item svg{margin-top:1px}
/* karta pomocy: ikona bez kafelka */
#lajk-footer .lajk-ft-help-ic{width:auto;height:auto;padding:0;border-radius:0;background:none;color:var(--n-v2)}
#lajk-footer .lajk-ft-help-ic svg{width:22px;height:22px}

/* 2.44.0: logo L-serce „bije” raz po najechaniu (sam CSS; nie w trakcie „polubienia”).
   18.10.2026: „polubienie” (wariant A z lajkownia-audyt/logo-animacje/podglad.html) - po kliknięciu logo / Enter, raz po
   wejściu na następną stronę po takim kliknięciu i po dodaniu do koszyka (klasa .go z naturalny.php): serce przysiada
   i wyskakuje, krótki błysk pod sercem, 8 iskier w kolorach marki wylatuje poza pierścień. Znak to SVG w 5800 (.ljk-mark,
   wymiary w 5819). Tylko transform i opacity (bez przeliczania układu); przy „ogranicz ruch” w systemie bez animacji. */
@keyframes ljkBicie{0%{transform:scale(1)}14%{transform:scale(1.14)}28%{transform:scale(1)}42%{transform:scale(1.09)}70%{transform:scale(1)}}
#lh .lh-logo:hover .lh-logo-wrap:not(.go) .ljk-mark{animation:ljkBicie .9s ease-in-out 1}
#lh .ljk-mark .lm-h,#lh .ljk-mark .lm-g,#lh .ljk-mark .lm-p{transform-box:fill-box;transform-origin:50% 50%}
#lh .ljk-mark .lm-g,#lh .ljk-mark .lm-p{opacity:0}
#lh .lh-logo-wrap.go .lm-h{animation:ljkLajkH .75s cubic-bezier(.3,.6,.3,1) both}
#lh .lh-logo-wrap.go .lm-g{animation:ljkLajkG .6s ease-out .1s both}
#lh .lh-logo-wrap.go .lm-p{animation:ljkLajkP .65s cubic-bezier(.15,.7,.3,1) .14s both}
@keyframes ljkLajkH{0%,100%{transform:none}22%{transform:scale(.8)}50%{transform:scale(1.2)}70%{transform:scale(.95)}86%{transform:scale(1.03)}}
@keyframes ljkLajkG{0%{opacity:0;transform:scale(.5)}25%{opacity:1}100%{opacity:0;transform:scale(1.1)}}
@keyframes ljkLajkP{0%{opacity:0;transform:translateY(-22px)}8%,55%{opacity:1}100%{opacity:0;transform:translateY(calc(var(--t,64)*-1px)) scale(.4)}}
@media (prefers-reduced-motion:reduce){#lh .lh-logo-wrap .ljk-mark,#lh .lh-logo-wrap .ljk-mark *{animation:none!important}}

/* ============ Wygląd 2 (20.10.2026): typografia na całej stronie ============
   Sora ma wąską spację (ok. 0,2 em), a nagłówki mają ujemne rozstrzelenie liter - słowa się zlewały
   („Połącz obserwujących z innymi” czytało się jak jeden wyraz). Odstęp między słowami +0,06 em, litery bez zmian.
   Ceny i ilości: cyfry jednakowej szerokości (kafelki pakietów i sumy nie „skaczą” przy zmianie pakietu).
   Akapity bez wiszących pojedynczych słów; podkreślenia linków w tekście cieńsze i odsunięte od liter.
   Wszystko w :where() (zerowa waga) - istniejące reguły wygrywają, dochodzą tylko brakujące właściwości. */
:where(h1,h2,h3,h4,.lajk-h1,.lajk-sec-h,.hero-h1,.entry-title,.lnz-h1,.lajk-how-title){word-spacing:.06em}
:where(.amount,.lajk-pkg-num,.lajk-pkg-price,.lajk-pkg-unit,.lajk-price-main,.lajk-addon-price,.lajk-sticky-bar-price,.ljk-od,.hx-pl-price,.ljk-opc-b small){font-variant-numeric:tabular-nums}
:where(.entry-content,.lajk-con,.ljk-pg,.lnz) :is(p,li){text-wrap:pretty}
:where(.entry-content,.lajk-con,.ljk-pg,.lnz,#lajk-footer) a{text-underline-offset:.2em;text-decoration-thickness:1px}
::selection{background:rgba(167,139,250,.38);color:#fff}

/* ============ R7 (22.10.2026): żywsze tła na całej stronie, tabele, pole linku, nowe platformy na głównej ============
   Tło strony z poświatami (R7) i z kolorowymi plamami (R8) zastąpione 22.10.2026 spokojnym tłem z bloku „R10 tło” na końcu pliku.
   Kontenery, które dotąd zakrywały tło kryjącym kolorem (#lajk-home, #lajk-root, .ljk-pg, 404), są przezroczyste. */
:root{--n-bg2a:rgba(26,19,46,.6)}
html body #lajk-root,html body #lajk-home{background:transparent!important}

/* Tabele w treściach: Astra rysuje ramki kolorem var(--ast-border-color), którego motyw nie definiuje - ramka brała
   kolor tekstu (prawie biały). Ta sama waga co u Astry, więc wygrywa tylko z nią; własne style tabel (regulamin,
   konto) zostają. Bez koszyka, kasy i strony produktu (osobne zakresy). */
:where(body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.single-product)) :is(table,th,td){border-color:var(--n-line,rgba(255,255,255,.08))}

/* „Którą platformę wybrać?”: jedna ramka wokół tabeli, w środku tylko cienkie linie między wierszami */
body #lajk-home.hx-v3 .ctable-wrap{overflow-x:auto;border:1px solid var(--n-line2);border-radius:16px;background:var(--n-card);-webkit-overflow-scrolling:touch}
body #lajk-home.hx-v3 .ctable-wrap table{width:100%;margin:0;border:0!important;border-collapse:collapse;border-spacing:0;background:none;font-size:15px;line-height:1.5}
body #lajk-home.hx-v3 .ctable-wrap :is(th,td){padding:14px 18px;border:0!important;border-bottom:1px solid var(--n-line)!important;background:none;text-align:left;vertical-align:top;color:var(--n-text)}
body #lajk-home.hx-v3 .ctable-wrap thead th{padding-top:12px;padding-bottom:12px;background:rgba(139,92,246,.1);border-bottom-color:rgba(167,139,250,.24)!important;color:var(--n-mut);white-space:nowrap}
body #lajk-home.hx-v3 .ctable-wrap tbody tr:last-child td{border-bottom:0!important}
body #lajk-home.hx-v3 .ctable-wrap tbody td:first-child{white-space:nowrap}
body #lajk-home.hx-v3 .ctable-wrap tbody td:not(:first-child){color:var(--n-mut)}
body #lajk-home.hx-v3 .ctable-wrap td strong a{color:#fff;text-decoration:none}
body #lajk-home.hx-v3 .ctable-wrap td strong a:hover{color:var(--n-link2);text-decoration:underline}
body #lajk-home.hx-v3 .ctable-wrap td :is(.lajk-svgico,svg){width:18px;height:18px;margin-right:6px;vertical-align:-3px}
@media (hover:hover){body #lajk-home.hx-v3 .ctable-wrap tbody tr:hover td{background:rgba(255,255,255,.025)}}
@media (max-width:640px){
  /* telefon: każdy wiersz jako krótki blok (platforma, a pod nią usługi, dla kogo, efekt) zamiast przewijania w bok; tylko tabele z podpisami kolumn (data-label), reszta przewija się w bok */
  body #lajk-home.hx-v3 .ctable-wrap:has(td[data-label]) :is(table,tbody,tr,td){display:block;width:auto}
  body #lajk-home.hx-v3 .ctable-wrap:has(td[data-label]) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  body #lajk-home.hx-v3 .ctable-wrap:has(td[data-label]) tbody tr{padding:14px 16px;border-bottom:1px solid var(--n-line)}
  body #lajk-home.hx-v3 .ctable-wrap:has(td[data-label]) tbody tr:last-child{border-bottom:0}
  body #lajk-home.hx-v3 .ctable-wrap:has(td[data-label]) tbody td{padding:2px 0;border:0!important;font-size:14.5px;white-space:normal}
  body #lajk-home.hx-v3 .ctable-wrap:has(td[data-label]) tbody td:first-child{margin-bottom:4px;font-size:16px}
  body #lajk-home.hx-v3 .ctable-wrap:has(td[data-label]) tbody td[data-label]:not(:first-child)::before{content:attr(data-label) ": ";color:var(--n-text);font-weight:600}
}

/* „Masz już link?” i wyszukiwarka katalogu: jedna ramka. Globalny :focus-visible (moduł 5889) rysował drugi obrys
   wokół samego pola, wystający poza ramkę; zaznaczenie jest teraz tylko na ramce, od środka (bez pierścienia na zewnątrz). */
body #lajk-home .hx-find-box input:is(:focus,:focus-visible){outline:0!important;outline-offset:0!important;box-shadow:none!important}
body #lajk-home.hx-v3 .hx-find-box{transition:border-color var(--n-t1),box-shadow var(--n-t1)}

/* „Inne często wybierane usługi”: 6 kart + 2 nowości. Komputer 3 + 3 + 2 szersze, tablet 2 kolumny, telefon 1. */
body #lajk-home.hx-v3 .hx-card[href*="-kick"]{--pr:83 252 24}
body #lajk-home.hx-v3 .hx-card-new{display:block;font-size:13px;font-weight:600;line-height:1.4;color:var(--n-p2)}
@media (min-width:981px){
  body #lajk-home.hx-v3 .hx-best-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  body #lajk-home.hx-v3 .hx-best-grid>.hx-card{grid-column:span 2}
  body #lajk-home.hx-v3 .hx-best-grid>.hx-card.hx-new{grid-column:span 3}
  body #lajk-home.hx-v3 .hx-best-grid>.hx-card.hx-new .hx-card-top{aspect-ratio:100/32}
}
@media (min-width:641px){
  body #lajk-home.hx-v3 .hx-card-new{margin:16px 20px -10px}
  body #lajk-home.hx-v3 .hx-card:is([href*="/like-pod-komentarzem-tiktok/"],[href*="/like-pod-komentarzem-youtube/"],[href*="/like-pod-komentarzem-instagram/"],[href*="/widzowie-live-kick/"],[href*="/widzowie-live-youtube/"]) .hx-ic{display:none}
  body #lajk-home.hx-v3 .hx-card[href*="/like-pod-komentarzem-tiktok/"] .hx-card-top{background-image:url(grafiki/like-pod-komentarzem-tiktok.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/like-pod-komentarzem-youtube/"] .hx-card-top{background-image:url(grafiki/like-pod-komentarzem-youtube.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/like-pod-komentarzem-instagram/"] .hx-card-top{background-image:url(grafiki/like-pod-komentarzem-instagram.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/widzowie-live-kick/"] .hx-card-top{background-image:url(grafiki/widzowie-live-kick.webp?v=4)}
  body #lajk-home.hx-v3 .hx-card[href*="/widzowie-live-youtube/"] .hx-card-top{background-image:url(grafiki/widzowie-live-youtube.webp?v=4)}
}
@media (max-width:640px){body #lajk-home.hx-v3 .hx-card-new{flex:1 0 100%;order:-1;margin:0 0 -4px}}

/* Końcowe wezwanie: 5 głównych platform (białe przyciski) + 8 pozostałych jako lżejsze przyciski na pasie marki.
   Komputer: 5 w rzędzie. Tablet: siatka 6 kolumn, 3 w rzędzie, ostatnie 2 przyciski szersze (bez dziury). Telefon: 2 w rzędzie. */
body #lajk-home.hx-v3 .cta-more-h{margin:22px 0 0;font-size:14px;font-weight:600;color:rgba(255,255,255,.9)}
body #lajk-home.hx-v3 .cta-platforms.cta-more{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}
body #lajk-home.hx-v3 .cta-platforms.cta-more>.cta-plat{min-height:44px;border:1px solid rgba(255,255,255,.3);background:rgba(13,10,23,.34);box-shadow:none;color:#fff;font-weight:600}
body #lajk-home.hx-v3 .cta-platforms.cta-more>.cta-plat:hover{background:rgba(13,10,23,.5);border-color:rgba(255,255,255,.55);box-shadow:none}
body #lajk-home.hx-v3 .cta-platforms.cta-more>.cta-plat svg{width:18px;height:18px;flex:0 0 18px}
@media (min-width:641px) and (max-width:979px){
  body #lajk-home.hx-v3 .cta-platforms:not(.cta-more){grid-template-columns:repeat(6,minmax(0,1fr))}
  body #lajk-home.hx-v3 .cta-platforms:not(.cta-more)>.cta-plat{grid-column:span 2}
  body #lajk-home.hx-v3 .cta-platforms:not(.cta-more)>.cta-plat:nth-last-child(2):nth-child(3n+1),body #lajk-home.hx-v3 .cta-platforms:not(.cta-more)>.cta-plat:nth-last-child(1):nth-child(3n+2){grid-column:span 3}
}
@media (min-width:980px){body #lajk-home.hx-v3 .cta-platforms:not(.cta-more){grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1180px){
  body #lajk-home.hx-v3 .cta-platforms.cta-more{grid-template-columns:repeat(8,minmax(0,1fr))}
  body #lajk-home.hx-v3 .cta-platforms.cta-more>.cta-plat{padding:0 8px;font-size:14px}
}
@media (max-width:640px){
  body #lajk-home.hx-v3 .cta-platforms,body #lajk-home.hx-v3 .cta-platforms.cta-more{grid-template-columns:repeat(2,minmax(0,1fr))}
  body #lajk-home.hx-v3 .cta-platforms:not(.cta-more)>.cta-plat:last-child:nth-child(odd){grid-column:1/-1}
}

/* ============ R9 (22.10.2026): spokojniejsze przejścia, całe grafiki, ciemniejszy róż przycisków ============
   - Pasy sekcji na głównej: bez twardych krawędzi. Kolor pasa leży w ::before na całą szerokość ekranu i zanika
     ku górze i dołowi (maska), więc sekcja przechodzi w tło strony płynnie. „Czy to bezpieczne?” i „Sprawdź nas”
     to jeden pas (wcześniej „Sprawdź nas” miał stare, ciemniejsze tło i kończył się ostrą linią nad FAQ).
   - Hero: bez własnych poświat i siatki (tło strony ma już poświatę u góry); kafelki produktów równo, bez
     schodków i bez ciężkiego cienia - nic nie „świeci” za kafelkami.
   - Przyciski zakupu: róż #d61f69 zamiast #ec4899 (biały tekst 4,9:1 zamiast 3,5:1; ten sam odcień co na stronie produktu), fiolet #9333ea (5,4:1),
     pomarańcz #c2410c (5,2:1); najechanie przyciemnia zamiast rozjaśniać. Poza stroną produktu. */
html body:not(.single-product){
  --n-grad-buy:linear-gradient(135deg,#9333ea 0%,#d61f69 50%,#c2410c 100%);
  --n-grad:linear-gradient(135deg,#9333ea 0%,#d61f69 50%,#c2410c 100%);
  --ljk-buy:linear-gradient(135deg,#9333ea 0%,#d61f69 50%,#c2410c 100%);
  --n-btn-p:#d61f69;--n-btn-p-h:#be185d;
}
/* najechanie / fokus: przyciemnienie (rozjaśnianie brightness(1.1) obniżało kontrast białego tekstu poniżej 4,5:1) */
html body:not(.single-product) :is(#lajk-home.hx-v3 .btn-primary,#lajk-pop-btn,.ljk-au-btn-buy,.ljk-ks .ljk-ks-btn-g,.ljk-pg .pg-btn-main,.ljk-pg .pg-btn-buy,.ljk-pg .ljk-odst-btn,.gw26 .gw-btn.main,.entry-content a.ljk-bc-b,.lb .lb-cta a,#lajk-404 .l404-home,.ljk-pm .ljk-pm-btn,.woocommerce-MyAccount-content .button.pay,.woocommerce-MyAccount-content .button.alt,.wc-proceed-to-checkout .checkout-button,.wc-block-cart__submit-button,#place_order):is(:hover,:focus-visible){filter:brightness(.9)!important}
html body:not(.single-product) .ljk-pm .ljk-pm-btn{background:var(--n-btn-p)}
html body:not(.single-product) .ljk-pm .ljk-pm-btn:hover{background:var(--n-btn-p-h)}
/* koszyk: przycisk „Przejdź do kasy” miał różowo-czerwony gradient #f43f5e-#ec4899 (3,5-3,7:1) - teraz ten sam co reszta */
html body.woocommerce-cart .wc-proceed-to-checkout .checkout-button{background:var(--n-grad-buy)!important}

/* --- główna: pasy sekcji z miękkimi krawędziami --- */
body #lajk-home.hx-v3 :is(#najpopularniejsze,#opinie,#bezpieczenstwo,#sprawdz-nas,#poradnik){position:relative;isolation:isolate;border-top:0;background:none}
body #lajk-home.hx-v3 :is(#najpopularniejsze,#opinie,#bezpieczenstwo,#sprawdz-nas,#poradnik)::before{--r9f:clamp(72px,9vw,150px);content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;background:linear-gradient(90deg,rgba(139,92,246,.17),rgba(236,72,153,.1) 55%,rgba(249,115,22,.08)),rgba(28,17,52,.32);-webkit-mask-image:linear-gradient(180deg,transparent,#000 var(--r9f),#000 calc(100% - var(--r9f)),transparent);mask-image:linear-gradient(180deg,transparent,#000 var(--r9f),#000 calc(100% - var(--r9f)),transparent)}
body #lajk-home.hx-v3 :is(#opinie,#poradnik)::before{background:linear-gradient(90deg,rgba(249,115,22,.09),rgba(236,72,153,.11) 45%,rgba(139,92,246,.15)),rgba(28,17,52,.32)}
/* „Czy to bezpieczne?” + „Sprawdź nas” = jeden pas: zanik tylko na zewnętrznych brzegach */
body #lajk-home.hx-v3 #bezpieczenstwo::before{-webkit-mask-image:linear-gradient(180deg,transparent,#000 var(--r9f));mask-image:linear-gradient(180deg,transparent,#000 var(--r9f))}
body #lajk-home.hx-v3 #sprawdz-nas::before{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - var(--r9f)),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - var(--r9f)),transparent)}

/* --- główna: hero bez poświaty za kafelkami i bez schodków --- */
body #lajk-home.hx-v3 .hx{background:none}
body #lajk-home.hx-v3 .hx::before{display:none}
body #lajk-home.hx-v3 .hx26-prod{box-shadow:var(--n-lift)}
body #lajk-home.hx-v3 .hx26-prod:hover{box-shadow:var(--n-lift2)}
@media (min-width:981px){
  body #lajk-home.hx-v3 .hx26-prods li:nth-child(even){transform:none}
  body #lajk-home.hx-v3 .hx26-show{padding-bottom:0}
}

/* --- główna: dwie szersze karty „Nowość” - grafika jako kwadratowy kafel z lewej, cała (logo + plakietka),
   zamiast niskiego paska 100/32, który ucinał plakietkę. Kadr: y 170-690 i x 340-860 z 1200 (logo z plakietką). --- */
@media (min-width:981px){
  body #lajk-home.hx-v3 .hx-best-grid>.hx-card.hx-new{display:grid;grid-template-columns:clamp(168px,15vw,208px) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;align-items:start}
  body #lajk-home.hx-v3 .hx-best-grid>.hx-card.hx-new .hx-card-top{grid-column:1;grid-row:1/-1;align-self:center;width:auto;aspect-ratio:1;margin:20px 0 20px 20px;border:1px solid var(--n-line);border-radius:14px;background-size:230.8%;background-position:50% 25%}
  body #lajk-home.hx-v3 .hx-best-grid>.hx-card.hx-new>:not(.hx-card-top){grid-column:2}
  body #lajk-home.hx-v3 .hx-best-grid>.hx-card.hx-new .hx-card-new{margin:20px 20px -8px}
  body #lajk-home.hx-v3 .hx-best-grid>.hx-card.hx-new .hx-card-foot{align-self:end}
  body #lajk-home.hx-v3 .hx-best-grid>.hx-card.hx-new:hover .hx-card-top{transform:none}
}


/* R9: karty usług w kategoriach i w sklepie: od 600 px grafika na górze karty, cała (logo + plakietka), ten sam kadr co na głównej (100/48, 50% 23%).
   Telefon (do 599 px) zostaje zwarty: miniatura z boku. Rozmiar pliku dobiera atrybut sizes (wyglad.php), leniwe ładowanie bez zmian. */
@media (min-width:600px){
  html body:is(.archive.tax-product_cat,.woocommerce-shop).woocommerce ul.products li.product.has-post-thumbnail{position:relative;grid-template-columns:0 minmax(0,1fr);column-gap:0;padding:calc(48% + 16px) 18px 18px!important}
  html body:is(.archive.tax-product_cat,.woocommerce-shop).woocommerce ul.products li.product.has-post-thumbnail .astra-shop-thumbnail-wrap{position:absolute!important;top:0!important;left:0!important;right:0;grid-column:auto;grid-row:auto;width:auto!important;height:auto!important;aspect-ratio:100/48;margin:0!important;border-radius:15px 15px 0 0;border-bottom:1px solid var(--n-line,rgba(255,255,255,.08))}
  html body:is(.archive.tax-product_cat,.woocommerce-shop).woocommerce ul.products li.product.has-post-thumbnail .astra-shop-thumbnail-wrap img{transform:none;object-position:50% 23%}
}

/* R9: granica stopki bez twardej krawędzi: zamiast kolorowej linii i ciemnego pasa u góry tło stopki narasta
   z przezroczystości przez 96 px (tło strony i stopki mają prawie ten sam kolor bazowy, więc nie ma pasa). */
html body #lajk-footer{background:radial-gradient(900px 300px at 12% 200px,rgba(139,92,246,.13),transparent 70%),radial-gradient(760px 280px at 92% 240px,rgba(236,72,153,.07),transparent 70%),linear-gradient(180deg,rgba(20,15,34,0) 0,var(--n-bg2,#140f22) 96px)}

/* R9 (telefon): przycisk pod listą wpisów miał szary tekst na gradiencie (kontrast ok. 1,5:1); szerokie tabele
   (porównanie w cenniku, tabele we wpisach) przewijają się w poziomie zamiast być ucięte przy krawędzi ekranu. */
html body:not(.single-product) .lb .lb-cta a{color:#fff}
@media (max-width:599px){
  html body .ljk-cmp-table{overflow-x:auto;max-width:100%}
  html body.single-post .entry-content>table{display:block;max-width:100%;overflow-x:auto}
}

/* R9b (telefon): tylko wąskie ekrany, bez zmian kolorów i wyglądu na komputerze.
   1) Każde pole tekstowe, lista i textarea ma co najmniej 16 px, więc iPhone nie powiększa strony przy wpisywaniu
      (stopka, wyszukiwarki, sortowanie kategorii, zestawy, kasa, kupon, link w produkcie, 404, opinie).
      Podbita waga selektora wygrywa z regułami typu #lajk-root .lajk-link-input{...!important}.
   2) Cele dotyku co najmniej 44 px; gdzie zmiana wysokości ruszyłaby układ, rośnie tylko obszar kliknięcia
      (ujemny margines znosi dodaną wysokość).
   3) Drobny tekst do czytania co najmniej 13-14 px (bez ikon i plakietek). */
@media (max-width:767px){
  html:not(#ljk-r9b) body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=hidden]):not([type=color]),select,textarea,.select2-container .select2-selection){font-size:16px!important}

  /* stopka */
  html body #lajk-footer .lajk-ft-firm-links a{min-height:44px}
  html body #lajk-footer .lajk-ft-logo,html body #lajk-footer .lajk-ft-trustpilot{min-height:44px}
  html body #lajk-footer .lajk-ft-tp-logo strong{font-size:14px}
  /* okruszki: wyższy obszar kliknięcia bez zmiany odstępów */
  html body .ljk-pg .pg-bc a{min-height:44px;margin-block:-10px}
  html body .lb-bc a{display:inline-flex;align-items:center;min-height:44px;margin-block:-13px}
  html body .lnz-okr a{min-height:44px;margin-block:-2px}
  html body .lnz .lnz-hub-nav a{min-height:44px}
  html body .gw26 .gw-bc a{display:inline-flex;align-items:center;min-height:44px;margin-block:-10px}
  /* przyciski i linki-listy na stronach informacyjnych */
  html body .ljk-pg .pg-btn.pg-btn-sm{min-height:44px}
  html body .ljk-pg ul.pg-list li>a:only-child{display:inline-flex;align-items:flex-start;min-height:44px}
  html body .ljk-pg .lg-toc li a{min-height:44px}
  html body .ljk-pg span.v>a:only-child{padding-block:12px}
  html body .ljk-pg .ljk-cn-nav a{display:inline-flex;align-items:center;min-height:44px}
  html body .ljk-pg details.ljk-cn-item>summary{min-height:44px}
  html body .ljk-pg .ljk-cn-name small{font-size:14px}
  html body .gw26 .gw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
  html body .gw26 .gw-faq summary{min-height:44px}
  /* blog: chipy kategorii, numery stron, poprzedni/następny wpis jeden pod drugim */
  html body .lb .lb-chip{min-height:44px}
  html body .lb-pag .page-numbers{min-width:44px;min-height:44px}
  html body.single-post .post-navigation .nav-links{grid-template-columns:minmax(0,1fr)}
  html body.single-post .post-navigation .nav-links>div{grid-column:auto;min-width:0}
  html body.single-post .post-navigation .ljk-pn-t{overflow-wrap:anywhere}
  /* kategorie i sklep: numery stron */
  html body nav.woocommerce-pagination ul li :is(a,span).page-numbers{min-width:44px!important;height:44px!important}
  html body .ljk-cat-guides a{min-height:44px}
  /* Moje konto (np. "Wyślij link") i zestawy */
  html body .ljk-k2-btn{min-height:44px}
  html body .ljk-zs .ljk-zs-btn{min-height:48px}
  html body .ljk-zs .ljk-zs-f{font-size:13px}
  html body .ljk-zs .ljk-zs-price :is(.os,em){font-size:13.5px}
  html body .ljk-zs .ljk-zs-list small{font-size:13px}
  /* strona główna: link pod opinią, link przy dowodzie zaufania w hero */
  body #lajk-home.hx-v3 .rv-meta a{padding-block:10px;margin-block:-5px}
  body #lajk-home.hx-v3 .hx-proof>a{display:inline-flex;align-items:center;min-height:44px}
}

/* ============ R10 tło (22.10.2026): spokojne tło bez „stylu AI” (zastępuje tło z R7 i blok R8) ============
   Filip: „Niech tło nie wygląda jak AI”. Zamiast dużych, rozmytych plam fiolet-róż-pomarańcz, skośnego pasa
   i wielokolorowych pasów sekcji: jednolita, ciepła, ciemna śliwka-grafit #1c1626, u samej góry o włos jaśniejsza
   (#221b2d, przejście przez 1200 px), do tego drobne ziarno jak na papierze (jeden mały SVG w data-URI, krycie 0-4%,
   średnio ok. 2%; bez animacji, bez fixed, bez blur; „%75rl(” w SVG, bo ljk_sz_css_rebase przepisałby „url(” w środku). Sekcje: pas ok. 3% jaśniejszy + cienka, ciepła linia 1 px.
   Karty płaskie, z ramką 1 px zamiast poświaty. Kolory platform (ikony, przyciski platform) i marki (przyciski zakupu,
   drobne akcenty) bez zmian - marka nie jest już w tle. Końcowe wezwanie na głównej: jeden płaski fiolet marki.
   Kontrast (WCAG AA 4,5:1): najjaśniejszy punkt tła = góra strony + pas sekcji + ziarno w maksimum, ok. #342d3d:
   #a9a2c3 5,4:1, #9da3be 5,3:1; zwykłe tło #1c1626: 7,3:1 i 7,1:1; karta #2e2639: 6,0:1 i 5,8:1.
   To samo tło na każdej stronie: główna, produkt, kategorie, sklep, koszyk, kasa, blog, strony informacyjne, konto, narzędzia. */
:root{
  --n-bg:#1c1626;--n-bg2:#211a2b;
  --n-line:rgba(240,214,232,.1);--n-line2:rgba(240,214,232,.16);
  --n-tint:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03));
  --n-r10-pas:rgba(255,255,255,.03);
  --n-r10-linia:rgba(240,200,222,.13);
  --n-r10-szum:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .94 0 0 0 0 .97 0 0 0 .08 -.02'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='%75rl(%23s)'/%3E%3C/svg%3E");
  --n-bgpage:var(--n-r10-szum) 0 0/160px 160px repeat,linear-gradient(180deg,#221b2d 0,#1c1626 1200px) 0 0/100% 1200px no-repeat,#1c1626;
}
/* :not(#ljk-r10) daje wagę identyfikatora: wygrywa z tłami modułów kategorii, sklepu i kasy (html body.archive... !important)
   i z poświatami stron narzędzi (narzedzia.css: html:root body{background-image:...!important}) */
html:root body:not(#ljk-r10){background:var(--n-bgpage)!important}
/* kasa: opakowania przepuszczają tło; bez przyklejonej (fixed) siatki kropek i poświat modułu 6094 */
html body.woocommerce-checkout :is(#page,#content,.site,.site-content,.ast-container){background:transparent!important}
html body.woocommerce-checkout::before,html body.woocommerce-checkout::after{display:none!important}
/* karty (poza produktem, koszykiem i kasą - tam karty mają własne zakresy): płaskie, wyraźnie jaśniejsze od tła */
html body:not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout){--n-card:#261f31;--n-card2:#2e2639}

/* --- główna: pasy sekcji jednym, jaśniejszym odcieniem z cienką linią (bez kolorów marki i bez maski zanikania) --- */
body #lajk-home.hx-v3 :is(#najpopularniejsze,#opinie,#bezpieczenstwo,#sprawdz-nas,#poradnik)::before{background:var(--n-r10-pas);box-shadow:inset 0 1px 0 var(--n-r10-linia),inset 0 -1px 0 var(--n-r10-linia);-webkit-mask-image:none;mask-image:none}
/* „Czy to bezpieczne?” + „Sprawdź nas” = jeden pas: linia tylko na zewnętrznych brzegach */
body #lajk-home.hx-v3 #bezpieczenstwo::before{box-shadow:inset 0 1px 0 var(--n-r10-linia)}
body #lajk-home.hx-v3 #sprawdz-nas::before{box-shadow:inset 0 -1px 0 var(--n-r10-linia)}
/* --- główna: karty bez poświat; końcowe wezwanie jako jeden płaski fiolet marki (biały tekst 8,6:1), bez siatki i cienia --- */
body #lajk-home.hx-v3 .verify-box{background:var(--n-card2)}
body.home.home #zestawy>div{background:var(--n-card2)!important;border-color:var(--n-line2)!important}
body #lajk-home.hx-v3 .cta-box{background:#5b21b6;box-shadow:none}
body #lajk-home.hx-v3 .cta-box::after{display:none}

/* --- strona produktu: opinie, FAQ i szczegóły jako ten sam spokojny pas; bez poświat za wstępem, ceną i formularzem zamówienia --- */
html body.single-product #lajk-root :is(#opinie,#faq,#szczegoly){background:var(--n-r10-pas);box-shadow:inset 0 1px 0 var(--n-r10-linia),inset 0 -1px 0 var(--n-r10-linia)}
html body.single-product #lajk-root .lajk-intro::before{background:none!important}
html body.single-product #lajk-root :is(.lajk-hero,.lajk-order-section,.lajk-price-box)::before{background:none}

/* --- kategorie i sklep: karty usług bez fioletowej plamy u góry --- */
html body:is(.archive.tax-product_cat,.woocommerce-shop) ul.products li.product::before{background:none}

/* --- koszyk i kasa: podsumowania płaskie z ramką 1 px (bez poświat i bez kolorowej ramki-gradientu) --- */
html:root body.woocommerce-cart .cart_totals,html:root body.woocommerce-checkout .lk-sec-summary,html:root body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block{background:var(--n-card2,#221a36)!important;border:1px solid var(--n-line2)!important;box-shadow:none!important}
html body #lajk-side-cart{background:var(--n-bg)}
html:root body .woocommerce-message.woocommerce-message,html:root body .woocommerce-error.woocommerce-error{background-image:none!important}

/* --- stopka, okno newslettera, menu na telefonie: bez poświat --- */
html body #lajk-footer{background:linear-gradient(180deg,rgba(24,18,32,0) 0,#18121f 96px)}
html body #lajk-footer .lajk-ft-news{background:var(--n-card);border-color:var(--n-line2)}
html body #lajk-footer .lajk-ft-help{background:var(--n-card)!important;border-color:var(--n-line2)!important;box-shadow:none}
html body #lajk-footer .lajk-ft-base{background:rgba(255,255,255,.025);border-color:var(--n-line)}
html body #lajk-pop-card{background:var(--n-card)}
html body #lh .lh-nav{background-image:none}

/* --- blog i narzędzia: bez poświat za nagłówkiem i sekcją „dalej” --- */
html body .lk-blog-wrap::before,html body :is(.lnz-glowa,div.lnz-dalej)::before{background:none}

/* R10 (22.10.2026): górny pasek platform ma 13 przycisków - samotny ostatni przycisk zajmuje cały rząd i ma wyśrodkowaną treść */
@media (min-width:641px) and (max-width:980px){body #lajk-home.hx-v3 .hx26-plat:last-child:nth-child(6n+1){grid-column:1/-1}}
@media (min-width:360px) and (max-width:640px){body #lajk-home.hx-v3 .hx26-plat:last-child:nth-child(3n+1){grid-column:1/-1;justify-content:center}}
@media (max-width:359px){body #lajk-home.hx-v3 .hx26-plat:last-child:nth-child(odd){grid-column:1/-1;justify-content:center}}