/* Lajkownia - wygląd podstron (strony informacyjne .ljk-pg, Gwarancja .gw26, blog, Moje konto, 404, logowanie).
 * 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).
 * Ładowany po naturalny.css (tam tokeny palety --n-*). Zasady: lajkownia-audyt/ZASADY-WYGLADU.md, część 3:
 * jedna paleta (fiolet/róż/pomarańcz na śliwkowej czerni), gradient marki tylko na głównym przycisku ekranu,
 * kafle ikon w trójce marki, zieleń tylko dla gwarancji i sukcesu. Zawsze var(--n-x, wartość zapasowa).
 * Część 4: żywszy gradient przycisku zakupu (--n-grad-buy), nasycone akcenty (--n-v2/--n-p2/--n-o2), mocniejsze poświaty
 * w nagłówkach stron, mikroanimacje tylko funkcjonalne (najechanie/naciśnięcie, rozwijanie, pojawianie się bloków poniżej
 * pierwszego ekranu); przy prefers-reduced-motion wszystko wyłączone (sekcja 13 na końcu pliku). */

/* ============ 4. strony informacyjne (.ljk-pg) ============ */
/* Style stron są w ich treści (po tym pliku, gdy CSS nie jest łączony), dlatego przedrostek „body”. */

/* 4.0 lokalne zmienne stron podpięte pod paletę (strony mają własne --bg, --s1, --ln...) */
body .ljk-pg{--bg:var(--n-bg,#0d0a17);--s1:var(--n-card,#1a1429);--s2:var(--n-card2,#221a36);--ln:var(--n-line,rgba(255,255,255,.08));--ln2:var(--n-line2,rgba(255,255,255,.14));--tx:var(--n-text,#ece9f6);--mu:var(--n-mut,#a9a2c3);--mu2:var(--n-mut,#a9a2c3);--vi:var(--n-v,#8b5cf6);--vi2:#c4b5fd;--grad:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));--buy:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));background:transparent;color:var(--n-text,#ece9f6)}
/* poświata za nagłówkiem strony: ta sama trójka co w całym sklepie */
body .ljk-pg .pg-hero::before{top:-160px;height:640px;background:radial-gradient(ellipse 40% 46% at 18% 52%,rgba(139,92,246,.34),transparent 100%),radial-gradient(ellipse 32% 40% at 74% 38%,rgba(236,72,153,.24),transparent 100%),radial-gradient(ellipse 24% 32% at 94% 66%,rgba(249,115,22,.16),transparent 100%)}

/* 4.1 typografia */
body .ljk-pg .g{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:inherit!important}
/* etykieta nad tytułem niesie informację (np. „Odpowiedź najpóźniej w ciągu 14 dni”): zwykły tekst w kolorze akcentu */
body .ljk-pg .pg-eyebrow{margin:0 0 10px;padding:0;border:0;border-radius:0;background:none;font-size:14px;font-weight:600;line-height:1.4;color:#c4b5fd}
body .ljk-pg .pg-eyebrow::before{display:none}
body .ljk-pg h1,body .ljk-pg h2,body .ljk-pg h3{color:#fff;letter-spacing:-.01em}
body .ljk-pg .pg-hero h1{font-size:clamp(1.75rem,1.2rem + 2.4vw,3rem);font-weight:800;line-height:1.12}
body .ljk-pg .pg-lead,body .ljk-pg .pg-sub{color:var(--n-mut,#a9a2c3)}
body .ljk-pg .pg-sec>h2,body .ljk-pg .pg-h2{font-size:clamp(1.5rem,1rem + 1.6vw,2.25rem);font-weight:800}
body .ljk-pg .pg-sec{margin-top:clamp(48px,6vw,72px)}
body .ljk-pg .pg-sec>h2{display:block;padding-left:0;margin-bottom:12px}
body .ljk-pg .pg-sec>h2::before{display:none}
body .ljk-pg .pg-sec>h2+.pg-sub,body .ljk-pg .pg-sec>h2+p{margin-bottom:24px}
body .ljk-pg .pg-note,body .ljk-pg .lg-sum-h span{font-size:13px;color:var(--n-mut,#a9a2c3)}
/* R17 24.10.2026: drobny druk pod kartami (np. zasady programu poleceń) jako spokojna ramka z ikoną „i”, nie goły szary akapit */
body .ljk-pg .pg-sec>.pg-note{position:relative;margin:18px 0 0;padding:14px 16px 14px 46px;max-width:none;font-size:14px;line-height:1.65;color:var(--n-mut,#a9a2c3);background:var(--n-card,#1a1429);border:1px solid var(--n-line,rgba(255,255,255,.08));border-radius:14px}
body .ljk-pg .pg-sec>.pg-note::before{content:"i";position:absolute;left:14px;top:14px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 Inter,-apple-system,"Segoe UI",sans-serif;color:#fff;background:var(--n-v,#8b5cf6)}
body .ljk-pg .pg-note a{color:var(--n-link,#c4b5fd);text-decoration:underline;text-underline-offset:2px}
body .ljk-pg code{display:inline-block;max-width:100%;word-break:normal;overflow-wrap:anywhere;vertical-align:baseline;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.06);color:#e9e5f7}
body .ljk-pg .pg-bc a{display:inline-flex;align-items:center;min-height:24px}

/* 4.2 przyciski: główny = gradient marki (jeden na ekranie), reszta = obrys */
body .ljk-pg .pg-btn{border-radius:12px;font-weight:700;box-shadow:none;transition:background .15s,border-color .15s,filter .15s,transform .15s var(--n-ease,ease),box-shadow .15s}
body .ljk-pg .pg-btn:hover{transform:translateY(-1px)}
body .ljk-pg .pg-btn:active{transform:scale(.98)}
body .ljk-pg .pg-btn-main,body .ljk-pg .pg-btn-buy{background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));border-color:transparent;color:#fff;box-shadow:none}
/* przycisk zakupu po najechaniu: jaśniejszy gradient i neutralny cień pod spodem (bez kolorowej poświaty) */
body .ljk-pg .pg-btn-main:hover,body .ljk-pg .pg-btn-buy:hover{background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));box-shadow:var(--n-buy-shadow,0 8px 24px rgba(0,0,0,.35));filter:brightness(1.1)}
body .ljk-pg .pg-btn:not(.pg-btn-main):not(.pg-btn-buy){background:transparent;border:1px solid var(--n-line2,rgba(255,255,255,.14));color:#fff}
body .ljk-pg .pg-btn:not(.pg-btn-main):not(.pg-btn-buy):hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28)}
body .ljk-pg .pg-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* 4.3 karty: głębia zamiast płaskości (górne światło), hover bez podskakiwania */
body .ljk-pg .pg-card,body .ljk-pg .ct-facts li,body .ljk-pg .ab-fact,body .ljk-pg .ab-steps li,body .ljk-pg details.faq-q,body .ljk-pg .ljk-cn-item,body .ljk-pg details.lg-toc{background:var(--n-card,#1a1429);border:1px solid var(--n-line,rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body .ljk-pg .pg-card{border-radius:16px;overflow:visible}
body .ljk-pg .pg-card::after,body .ljk-pg .pg-help::before,body .ljk-pg .ab-steps li::after{display:none}
body .ljk-pg .pg-card,body .ljk-pg .ct-facts li,body .ljk-pg .ab-fact,body .ljk-pg .ab-steps li{transition:background .2s,border-color .2s,transform .2s var(--n-ease,ease),box-shadow .2s}
body .ljk-pg .ljk-cn-item{transition:background .2s,border-color .2s}
body .ljk-pg .pg-card:hover,body .ljk-pg .ljk-cn-item:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;background:var(--n-card2,#221a36);border-color:var(--n-line2,rgba(255,255,255,.14))}
/* karty: podniesienie 2px i neutralny cień (tylko myszka; na dotyku stan hover „przykleja się”) */
@media (hover:hover) and (pointer:fine){
  body .ljk-pg .pg-card:hover,body .ljk-pg .ct-facts li:hover,body .ljk-pg .ab-fact:hover,body .ljk-pg .ab-steps li:hover{transform:translateY(-2px);box-shadow:var(--n-lift2,inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.35))!important;border-color:var(--n-line2,rgba(255,255,255,.14))}
}
body .ljk-pg .pg-card p{color:var(--n-mut,#a9a2c3);line-height:1.6}
body .ljk-pg .pg-card h3{font-size:17px}
body .ljk-pg dl.pg-dl,body .ljk-pg .lg-doc .admin-box{background:var(--n-card,#1a1429);border-color:var(--n-line,rgba(255,255,255,.08))}

/* 4.4 kafle ikon: tylko trójka marki (fiolet, róż, pomarańcz), zieleń dla .ok (gwarancja, sukces) */
/* część 4: tło kafla 18-20%, ikona w pełnym, nasyconym odcieniu */
body .ljk-pg .pg-ic{border-color:transparent;}
body .ljk-pg .pg-grid>:nth-child(3n+2) .pg-ic,body .ljk-pg .ct-facts>li:nth-child(3n+2) .pg-ic{background:var(--n-p-bg,rgba(236,72,153,.18));color:var(--n-p-ic,#f472b6)}
body .ljk-pg .pg-grid>:nth-child(3n+3) .pg-ic,body .ljk-pg .ct-facts>li:nth-child(3n+3) .pg-ic{background:var(--n-o-bg,rgba(249,115,22,.18));color:var(--n-o-ic,#fb923c)}
body .ljk-pg .pg-ic.ok,body .ljk-pg .pg-grid>* .pg-ic.ok,body .ljk-pg .ct-facts>li .pg-ic.ok{background:var(--n-ok-bg,rgba(52,211,153,.16));color:var(--n-ok-ic,#34d399)}
/* lista z ptaszkami: fioletowy znak, zieleń zostaje dla gwarancji */
body .ljk-pg ul.pg-list li::before{background:rgba(139,92,246,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
body .ljk-pg ul.pg-list li{color:var(--n-text,#ece9f6)}

/* 4.5 kroki: pełne kółko w kolorze marki z białą cyfrą */
body .ljk-pg .ab-steps li{overflow:visible;border-radius:16px}
body .ljk-pg .ab-steps li::before{background:var(--n-v,#8b5cf6);border:0;color:#fff;font-weight:700;box-shadow:none}
/* kroki: kolejno fiolet, róż, pomarańcz (kółko z białą cyfrą + cienka kreska u góry karty) */
body .ljk-pg .ab-steps li{background-image:linear-gradient(90deg,var(--n-v2,#a78bfa),transparent 70%);background-size:100% 2px;background-repeat:no-repeat;background-position:0 0}
body .ljk-pg .ab-steps li:nth-child(3n+2){background-image:linear-gradient(90deg,var(--n-p2,#f472b6),transparent 70%)}
body .ljk-pg .ab-steps li:nth-child(3n+2)::before{background:#db2777}
body .ljk-pg .ab-steps li:nth-child(3n+3){background-image:linear-gradient(90deg,var(--n-o2,#fb923c),transparent 70%)}
body .ljk-pg .ab-steps li:nth-child(3n+3)::before{background:#ea580c}
body .ljk-pg .ab-steps span{color:var(--n-mut,#a9a2c3)}

/* 4.6 końcowe wezwanie strony (.pg-help, .ab-cta): ciemny panel z miękką poświatą marki i JEDYNYM przyciskiem w gradiencie */
body .ljk-pg .pg-help,body .ljk-pg .ab-cta{position:relative;overflow:hidden;border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:24px;background:radial-gradient(600px 340px at 0 0,rgba(139,92,246,.42),transparent 70%),radial-gradient(560px 340px at 100% 100%,rgba(236,72,153,.30),transparent 70%),radial-gradient(400px 260px at 100% 0,rgba(249,115,22,.20),transparent 70%),linear-gradient(160deg,rgba(139,92,246,.06),rgba(236,72,153,.05) 60%,rgba(249,115,22,.03)),var(--n-card2,#221a36);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body .ljk-pg .pg-help h2,body .ljk-pg .ab-cta h2{color:#fff;font-size:clamp(1.375rem,1rem + 1.4vw,2rem)}
body .ljk-pg .pg-help p,body .ljk-pg .ab-cta p{color:var(--n-text,#ece9f6)}
body .ljk-pg .pg-help a:not(.pg-btn){color:#fff}
/* (strona i starsze arkusze ustawiały tu biały przycisk - teraz gradient marki, drugi przycisk z obrysem) */
body .ljk-pg .pg-help .pg-btn-main,body .ljk-pg .pg-help .pg-btn-main:hover,body .ljk-pg .ab-cta .pg-btn-buy{background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));color:#fff!important}
body .ljk-pg .pg-help .pg-btn-main:hover,body .ljk-pg .ab-cta .pg-btn-buy:hover{filter:brightness(1.08)}
body .ljk-pg .pg-help .pg-btn:not(.pg-btn-main),body .ljk-pg .pg-help .pg-btn:not(.pg-btn-main):hover{background:transparent;border:1px solid var(--n-line2,rgba(255,255,255,.14));color:#fff;filter:none}
body .ljk-pg .pg-help .pg-btn:not(.pg-btn-main):hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28)}
body .ljk-pg .ab-cta{margin-top:clamp(48px,6vw,72px);padding:clamp(28px,4vw,48px) 24px}
/* dowód zaufania tuż pod przyciskiem zakupu (prawdziwe zasady sklepu: bez hasła, BLIK, start automatycznie po płatności) */
body .ljk-pg .pg-help:has(.pg-btn-buy) .pg-btns::after,body .ljk-pg .ab-cta:has(.pg-btn-buy) .pg-btns::after{content:"Bez podawania hasła \00b7  BLIK lub szybki przelew\A Start automatycznie po płatności";white-space:pre-line;flex:1 0 100%;margin-top:4px;padding-left:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' 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") 0 1px/16px no-repeat;font-size:13px;font-weight:500;line-height:1.45;color:var(--n-mut,#a9a2c3)}
body .ljk-pg .ab-cta:has(.pg-btn-buy) .pg-btns::after{padding-left:0;background:none;text-align:center}
@media (min-width:800px){body .ljk-pg .pg-help:has(.pg-btn-buy) .pg-btns{max-width:460px;justify-content:flex-end}}

/* 4.7 kontakt */
body .ljk-pg .ct-mail{border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:20px;background:radial-gradient(560px 280px at 0 0,rgba(139,92,246,.38),transparent 70%),radial-gradient(420px 260px at 100% 100%,rgba(236,72,153,.24),transparent 70%),radial-gradient(300px 200px at 100% 0,rgba(249,115,22,.14),transparent 70%),var(--n-card2,#221a36);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body .ljk-pg .ct-dot.on{box-shadow:none}
body .ljk-pg .ct-facts li{border-radius:16px;align-items:center}
body .ljk-pg .ct-facts div>span{color:var(--n-mut,#a9a2c3)}
/* w kartach tematów nagłówek i lista zawsze tuż pod sobą (siatka rozciągała wiersze w wyższej karcie) */
body .ljk-pg .ct-topic{align-content:start}
body .ljk-pg .ct-topic>ul{margin-top:12px}
body .ljk-pg .ct-topic ul li::marker{color:var(--n-v2,#a78bfa)}
/* adres e-mail łamie się tylko w ostateczności (wcześniej „contact@lajkownia.p / l” przy 320 px) */
body .ljk-pg .ct-addr{word-break:normal;overflow-wrap:anywhere}
@media (max-width:360px){body .ljk-pg .ct-mail{padding:22px 18px}body .ljk-pg .ct-addr{font-size:1.1875rem}}
/* przyciski tematów na telefonie: cała szerokość karty, tekst w jednej linii albo równo złamany */
@media (max-width:699px){body .ljk-pg .ct-topic .pg-btn{justify-self:stretch;width:100%;justify-content:space-between;line-height:1.3;padding-top:8px;padding-bottom:8px;text-align:left}}

/* 4.8 o nas: cytat jako najważniejsza karta ekranu */
body .ljk-pg .ab-quote{border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:20px;background:radial-gradient(520px 260px at 0 0,rgba(139,92,246,.32),transparent 70%),radial-gradient(360px 220px at 100% 100%,rgba(236,72,153,.16),transparent 70%),var(--n-card2,#221a36)}
body .ljk-pg .ab-fact{border-radius:16px}
body .ljk-pg .ab-fact span{color:var(--n-mut,#a9a2c3)}
@media (max-width:420px){body .ljk-pg .ab-fact b{font-size:15.5px}}
body .ljk-pg .ab-plat{border-radius:12px;background:var(--n-card,#1a1429);border-color:var(--n-line,rgba(255,255,255,.08));transition:background .15s,border-color .15s,transform .15s var(--n-ease,ease)}
body .ljk-pg .ab-plat:hover{background:var(--n-card2,#221a36);border-color:var(--n-line2,rgba(255,255,255,.14));transform:translateY(-2px)}

/* 4.9 FAQ na stronach */
body .ljk-pg details.faq-q>summary::after,body .ljk-pg details.faq-q[open]>summary::after{flex:0 0 32px;width:32px;height:32px;border-radius:0;background:var(--n-chev) center/20px no-repeat;transition:transform .2s ease}
body .ljk-pg details.faq-q[open]>summary::after{transform:rotate(180deg)}
body .ljk-pg details.faq-q[open]{background:var(--n-card2,#221a36);border-color:var(--n-line2,rgba(255,255,255,.14))}
body .ljk-pg details.faq-q>summary{transition:color .15s}
body .ljk-pg details.faq-q>summary:hover{color:#fff}

/* 4.10 regulamin i polityki */
body .ljk-pg .lg-sum{background:radial-gradient(600px 260px at 0 0,rgba(139,92,246,.28),transparent 70%),radial-gradient(420px 220px at 100% 100%,rgba(236,72,153,.12),transparent 70%),var(--n-card,#1a1429);border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:20px}
/* „Najważniejsze w skrócie”: wiersze z linią zamiast kart w karcie */
body .ljk-pg .lg-sum ul li{background:none;border:0;border-top:1px solid var(--n-line,rgba(255,255,255,.08));border-radius:0;padding:12px 0}
body .ljk-pg .lg-sum ul li:first-child{border-top:0}
@media (min-width:800px){body .ljk-pg .lg-sum ul li:nth-child(2){border-top:0}}
body .ljk-pg .lg-doc h2 .num{background:var(--n-v-bg,rgba(139,92,246,.2));border:0;color:var(--n-link,#c4b5fd);border-radius:8px}
body .ljk-pg .lg-doc p,body .ljk-pg .lg-doc li{color:var(--n-text,#ece9f6)}
body .ljk-pg .lg-doc ul.clean li::before{background:var(--n-v2,#a78bfa)}
body .ljk-pg .lg-toc li a{transition:background .15s,color .15s}
body .ljk-pg .lg-toc li a:hover,body .ljk-pg .lg-toc li a.is-on{background:rgba(139,92,246,.2)}
body .ljk-pg .lg-toc li a.is-on{box-shadow:inset 2px 0 0 var(--n-v2,#a78bfa)}
/* ramki informacyjne: jeden wzór powiadomień (lewa kreska w kolorze typu) */
body .ljk-pg .lg-doc .callout{border:0;border-left:3px solid var(--n-v2,#a78bfa);border-radius:0 12px 12px 0;background:var(--n-card,#1a1429)}
body .ljk-pg .lg-doc .callout.warn{border-left-color:#fbbf24;background:var(--n-card,#1a1429)}
body .ljk-pg .lg-doc .callout.ok{border-left-color:#34d399;background:var(--n-card,#1a1429)}
body .ljk-pg .lg-help{border:0;border-left:3px solid var(--n-v2,#a78bfa);border-radius:0 16px 16px 0;background:radial-gradient(420px 200px at 0 0,rgba(139,92,246,.16),transparent 70%),var(--n-card,#1a1429)}
body .ljk-pg .lg-help b.t svg{color:var(--n-v2,#a78bfa)}
body .ljk-pg .lg-doc thead th{background:rgba(139,92,246,.16)}
body .ljk-pg .lg-doc table{background:var(--n-card,#1a1429)}
body .ljk-pg .lg-end a{display:inline-flex;align-items:center;min-height:44px}
body .ljk-pg .lg-fab{border-radius:12px;background:rgba(34,26,54,.94)}

/* 4.11 formularze reklamacji i odstąpienia: przycisk wysyłki jak główny przycisk strony */
body .ljk-pg .ljk-odst{background:var(--n-card,#1a1429);border-color:var(--n-line,rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body .ljk-pg .ljk-odst-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));color:#fff;font-family:Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif;font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;box-shadow:none;transition:filter .15s,transform .15s var(--n-ease,ease),box-shadow .15s}
body .ljk-pg .ljk-odst-btn:hover{background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--n-buy-shadow,0 8px 24px rgba(0,0,0,.35))}
body .ljk-pg .ljk-odst-btn:active{transform:scale(.98)}
body .ljk-pg .ljk-odst :is(input,select,textarea){transition:border-color .15s,box-shadow .15s}
body .ljk-pg .ljk-odst :is(input,select,textarea):focus{outline:0;border-color:var(--n-v2,#a78bfa)!important;box-shadow:0 0 0 3px rgba(139,92,246,.28)}

/* 4.12 cennik */
body .ljk-pg .ljk-cn-nav a{border-radius:12px;background:var(--n-card,#1a1429);border-color:var(--n-line2,rgba(255,255,255,.14));transition:background .15s,border-color .15s,transform .15s var(--n-ease,ease)}
body .ljk-pg .ljk-cn-nav a:hover{background:var(--n-card2,#221a36);border-color:rgba(167,139,250,.4);transform:translateY(-1px)}
body .ljk-pg .ljk-cn-nav a.is-on,body .ljk-pg .ljk-cn-nav a:focus-visible{background:rgba(139,92,246,.28);border-color:var(--n-v2,#a78bfa)}
body .ljk-pg .ljk-cn-pl>h2{padding-left:0;font-size:clamp(1.25rem,1rem + .8vw,1.5rem);font-weight:800}
body .ljk-pg .ljk-cn-pl>h2::before{display:none}
body .ljk-pg .ljk-cn-item{border-radius:16px}
body .ljk-pg .ljk-cn-item[open]{background:var(--n-card,#1a1429);border-color:rgba(167,139,250,.38)}
body .ljk-pg .ljk-cn-item>summary::after{content:"";background:rgba(255,255,255,.06) var(--n-chev) center/18px no-repeat;transition:transform .2s ease}
body .ljk-pg .ljk-cn-item[open]>summary::after{content:"";transform:rotate(180deg)}
body .ljk-pg .ljk-cn-name small{color:var(--n-mut,#a9a2c3)}
body .ljk-pg .ljk-cn-body td strong,body .ljk-pg .ljk-cmp-table td:nth-child(3) strong{color:#f472b6}
body .ljk-pg .ljk-cn-body .pg-btn{width:100%}
.ljk-cn-ic,.ljk-pic{box-shadow:none!important}
/* porównanie z innymi sklepami: słowa nie łamią się w środku („Obser wujący”) */
body .ljk-pg .ljk-cmp-table{background:var(--n-card,#1a1429);border-color:var(--n-line,rgba(255,255,255,.08));border-radius:16px}
body .ljk-pg .ljk-cmp-table .ljk-tbl{margin:0;border:0;border-radius:0}
body .ljk-pg .ljk-cmp-table td,body .ljk-pg .ljk-cmp-table th{word-break:normal;overflow-wrap:normal;hyphens:none}
body .ljk-pg .ljk-cmp-table td:nth-child(3){white-space:nowrap}
/* telefon: ciaśniejsze komórki, pakiet i zakres cen mogą się złamać, żeby cała tabela mieściła się bez przewijania w bok */
@media (max-width:600px){
  body .ljk-pg .ljk-cmp-table{padding:2px 4px}
  body .ljk-pg .ljk-cmp-table .ljk-tbl th,body .ljk-pg .ljk-cmp-table .ljk-tbl td{min-width:0;padding:10px 5px!important;font-size:13px;line-height:1.35!important}
  body .ljk-pg .ljk-cmp-table th:first-child,body .ljk-pg .ljk-cmp-table td:first-child{padding-left:8px!important}
  body .ljk-pg .ljk-cmp-table th:last-child,body .ljk-pg .ljk-cmp-table td:last-child{padding-right:8px!important}
  body .ljk-pg .ljk-cmp-table td:nth-child(2){white-space:normal}
}
/* bardzo wąskie ekrany (320): czytelne komórki i przewijanie tabeli w bok zamiast łamania „10 / 000 / szt.” */
@media (max-width:360px){body .ljk-pg .ljk-cmp-table td:nth-child(2){white-space:nowrap}}

/* 4.13 układ na telefonie */
@media (max-width:699px){
  body .ljk-pg .pg-grid>.pg-card:not(.ct-topic):not(:has(>.pg-ic)){display:block}
  body .ljk-pg .pg-btns .pg-btn{flex:1 1 100%;width:100%}
  body .ljk-pg .pg-help,body .ljk-pg .ab-cta{padding:24px 16px;border-radius:20px}
}
@media (max-width:921px){
  /* boczny margines 16px jak w nagłówku */
  body:has(.ljk-pg) #content>.ast-container{padding-left:0;padding-right:0}
}

/* ============ 4.20 Gwarancja Uzupełnienia (.gw26 - osobny szablon w treści strony) ============ */
/* tu zieleń jest na miejscu: to strona gwarancji */
body .gw26{--gw-bg:var(--n-bg,#0d0a17);--gw-card:var(--n-card,#1a1429);--gw-bord:var(--n-line,rgba(255,255,255,.08));--gw-txt:var(--n-text,#ece9f6);--gw-mut:var(--n-mut,#a9a2c3);box-sizing:border-box;width:100%;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
body .gw26 .gw-hero{border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:24px;background:radial-gradient(680px 380px at 0 0,rgba(139,92,246,.38),transparent 70%),radial-gradient(560px 360px at 100% 100%,rgba(52,211,153,.18),transparent 70%),radial-gradient(400px 280px at 100% 0,rgba(236,72,153,.22),transparent 70%),var(--n-card2,#221a36);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body .gw26 .gw-hero>i,body .gw26 .gw-bar{display:none}
body .gw26 .gw-tag{margin:0 0 12px;padding:0;border:0;background:none;font-size:14px!important;font-weight:600;letter-spacing:0!important;text-transform:none;color:#c4b5fd;white-space:normal!important}
body .gw26 .gw-hero h1{max-width:none;font-size:clamp(1.75rem,1.2rem + 2.4vw,3rem);line-height:1.12;letter-spacing:-.01em}
body .gw26 .gw-lead{color:var(--n-text,#ece9f6)}
/* liczby w faktach: zielone (to korzyść klienta), bez gradientu w literach */
body .gw26 .gw-fact b{background:none!important;-webkit-text-fill-color:#6ee7b7;color:#6ee7b7;font-size:clamp(1.375rem,1.1rem + 1.2vw,1.75rem)}
body .gw26 .gw-fact,body .gw26 .gw-card,body .gw26 .gw-tl,body .gw26 .gw-steps li,body .gw26 .gw-faq details{border-radius:16px;background:var(--n-card,#1a1429);border:1px solid var(--n-line,rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body .gw26 .gw-fact,body .gw26 .gw-card,body .gw26 .gw-steps li{transition:background .2s,border-color .2s,transform .2s var(--n-ease,ease),box-shadow .2s}
@media (hover:hover) and (pointer:fine){
  body .gw26 .gw-fact:hover,body .gw26 .gw-card:hover,body .gw26 .gw-steps li:hover{transform:translateY(-2px);border-color:var(--n-line2,rgba(255,255,255,.14));box-shadow:var(--n-lift2,inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.35))}
}
/* fakty gwarancji: zielona kreska u góry (to korzyść klienta) */
body .gw26 .gw-fact{background-image:linear-gradient(90deg,#34d399,transparent 70%);background-size:100% 2px;background-repeat:no-repeat}
body .gw26 h2 .n{color:var(--n-mut,#a9a2c3)}
body .gw26 .gw-btn{border-radius:12px;font-weight:700;box-shadow:none;transition:background .15s,border-color .15s,filter .15s,transform .15s var(--n-ease,ease),box-shadow .15s}
body .gw26 .gw-btn:hover{transform:translateY(-1px)}
body .gw26 .gw-btn:active{transform:scale(.98)}
body .gw26 .gw-btn.main{background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));box-shadow:none}
body .gw26 .gw-btn.main:hover{filter:brightness(1.1);box-shadow:var(--n-buy-shadow,0 8px 24px rgba(0,0,0,.35))}
body .gw26 .gw-btn:not(.main){background:transparent;border:1px solid var(--n-line2,rgba(255,255,255,.14))}
body .gw26 .gw-btn:not(.main):hover{background:rgba(255,255,255,.06)}
/* oś czasu: 30 dni w cenie (zieleń gwarancji), dodatkowe 60 dni płatne (fiolet, bez pasków) */
body .gw26 .gw-tl-bar span:first-child,body .gw26 .gw-tl-key span:not(.o)::before{background:#34d399}
body .gw26 .gw-tl-bar span:last-child,body .gw26 .gw-tl-key span.o::before{background:var(--n-v,#8b5cf6)}
body .gw26 .gw-tl-bar{gap:3px;background:none}
body .gw26 .gw-box{border-left-width:3px;border-radius:0 12px 12px 0;background:var(--n-card,#1a1429)}
body .gw26 .gw-box small{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#fff}
body .gw26 .gw-box.warn{border-left-color:#fbbf24}
body .gw26 .gw-box.warn small{color:#fff}
body .gw26 .gw-steps li::before{width:44px;height:44px;border-radius:50%;font-size:1.125rem;background:var(--n-v,#8b5cf6)!important;border:0;color:#fff!important;box-shadow:none!important}
body .gw26 .gw-steps li:nth-child(3n+2)::before{background:#db2777!important}
body .gw26 .gw-steps li:nth-child(3n+3)::before{background:#ea580c!important}
body .gw26 .gw-steps li{grid-template-columns:44px 1fr}
/* „Widzisz spadek?”: ten sam panel końcowy co na innych stronach */
body .gw26 .gw-help{border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:24px;background:radial-gradient(600px 340px at 0 0,rgba(139,92,246,.42),transparent 70%),radial-gradient(560px 340px at 100% 100%,rgba(236,72,153,.30),transparent 70%),radial-gradient(400px 260px at 100% 0,rgba(249,115,22,.20),transparent 70%),linear-gradient(160deg,rgba(139,92,246,.06),rgba(236,72,153,.05) 60%,rgba(249,115,22,.03)),var(--n-card2,#221a36);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body .gw26 .gw-help :is(h2,h3){color:#fff}
body .gw26 .gw-help p{color:var(--n-text,#ece9f6);opacity:1}
body .gw26 .gw-help .gw-btn.main{background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));color:#fff!important}
body .gw26 .gw-faq summary{transition:color .15s}
body .gw26 .gw-help .gw-btn:not(.main){background:transparent;border-color:var(--n-line2,rgba(255,255,255,.14));color:#fff}
body .gw26 .gw-bc a{display:inline-flex;align-items:center;min-height:24px}
/* pytania: ten sam szewron co w FAQ i poradniku zamiast plusa */
body .gw26 .gw-faq summary::after,body .gw26 .gw-faq details[open] summary::after{content:"";right:12px;width:32px;height:32px;background:var(--n-chev) center/20px no-repeat;font-size:0;transition:transform .2s ease}
body .gw26 .gw-faq details[open] summary::after{transform:translateY(-50%) rotate(180deg)}
body .gw26 .gw-faq details[open]{background:var(--n-card2,#221a36);border-color:var(--n-line2,rgba(255,255,255,.14))}
@media (max-width:921px){body:has(.gw26) #content>.ast-container{padding-left:0;padding-right:0}}
@media (max-width:760px){
  body .gw26 .gw-hero{padding:24px 16px}
  body .gw26 .gw-help{padding:24px 16px}
  body .gw26 .gw-help .gw-btns,body .gw26 .gw-help .gw-btn,body .gw26 .gw-hero .gw-btn{width:100%}
}

/* ============ 6. blog ============ */
/* 6.1 tabele we wpisach (opakowanie .ljk-tbl dodaje naturalny.php) */
.ljk-tbl{max-width:100%;margin:1.5em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--n-line,rgba(255,255,255,.08));border-radius:12px;background:var(--n-card,#1a1429);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.ljk-tbl>table{margin:0!important;width:100%;min-width:0;border:0!important;background:transparent!important}
.ljk-tbl th,.ljk-tbl td{min-width:80px;padding:12px 14px!important;border:0!important;border-top:1px solid var(--n-line,rgba(255,255,255,.08))!important;line-height:1.45!important;vertical-align:top;background:transparent!important}
.ljk-tbl thead th{border-top:0!important;background:rgba(139,92,246,.12)!important;color:#fff;font-size:14px;font-weight:700;text-align:left}
.ljk-tbl tbody tr:first-child td{border-top:0!important}
.ljk-tbl td strong{color:#fff}
/* tabele z długim tekstem (oznacza je blog-wpis.php): na telefonie każdy wiersz to karta z podpisami kolumn */
@media (max-width:600px){
  .ljk-tbl:has(>table.ljk-tbl-karty){overflow:visible;border:0;background:none;border-radius:0}
  body.single-post .entry-content table.ljk-tbl-karty,body.single-post .entry-content table.ljk-tbl-karty tbody,body.single-post .entry-content table.ljk-tbl-karty tr,body.single-post .entry-content table.ljk-tbl-karty td{display:block;width:auto;border:0!important;background:none!important}
  body.single-post .entry-content table.ljk-tbl-karty thead{display:none}
  body.single-post .entry-content table.ljk-tbl-karty tr{margin:0 0 10px;padding:14px 16px;border:1px solid var(--n-line,rgba(255,255,255,.08))!important;border-radius:16px;background:var(--n-card,#1a1429)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
  body.single-post .entry-content table.ljk-tbl-karty td{min-width:0;padding:8px 0 0!important;font-size:15px}
  body.single-post .entry-content table.ljk-tbl-karty td:first-child{padding:0 0 2px!important;color:#fff;font-weight:700;font-size:16px}
  body.single-post .entry-content table.ljk-tbl-karty td[data-k]:not(:first-child)::before{content:attr(data-k);display:block;margin:0 0 2px;font-size:13px;font-weight:600;color:#c4b5fd}
}

/* 6.2 treść wpisu */
body.single-post .entry-content p,body.single-post .entry-content li{line-height:1.65}
body.single-post .entry-content table{max-width:none}
/* wpis na telefonie: tekst w jednej linii z tytułem (treść miała dodatkowe 18px wcięcia), margines 16px */
@media (max-width:921px){
  body.single-post #content>.ast-container{padding-left:16px!important;padding-right:16px!important}
  body.single-post .entry-content.clear{padding-left:0!important;padding-right:0!important}
}
body.single-post .entry-title{font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem)!important;line-height:1.15!important;letter-spacing:-.01em;color:#fff!important}
/* v5: na telefonie tytuł wpisu (3-4 linie) i data do lewej, jak treść pod nimi (zasada 9); bez sierot w tytule */
body.single-post .entry-title{text-wrap:balance}
@media (max-width:640px){body.single-post .entry-header,body.single-post .entry-header :is(.entry-title,.entry-meta,p,time,div){text-align:left!important;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}}
@media (max-width:921px){body.search .lk-blog-wrap{padding-left:0;padding-right:0}}
body.single-post .entry-content h2{font-size:clamp(1.375rem,1.1rem + 1.2vw,1.875rem)!important;line-height:1.25!important;letter-spacing:-.01em;color:#fff!important}
body.single-post .entry-content h3{font-size:clamp(1.0625rem,1rem + .4vw,1.25rem)!important;line-height:1.35!important;color:#fff!important}
body.single-post .ast-single-post-featured-section img,body.single-post .post-thumb img,body.single-post .wp-post-image{box-shadow:none}
/* nagłówek wpisu: ta sama miękka poświata marki co na stronach informacyjnych (tylko tło, pod tytułem i okładką) */
body.single-post #primary{position:relative;isolation:isolate}
body.single-post #primary::before{content:"";position:absolute;z-index:-1;left:50%;top:-140px;width:100vw;height:620px;transform:translateX(-50%);background:radial-gradient(ellipse 36% 40% at 22% 46%,rgba(139,92,246,.26),transparent 100%),radial-gradient(ellipse 30% 36% at 80% 34%,rgba(236,72,153,.16),transparent 100%),radial-gradient(ellipse 22% 28% at 92% 66%,rgba(249,115,22,.1),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent);pointer-events:none}
/* linki do usług w treści wpisu: wyraźne (biały tekst, podkreślenie w kolorach marki, mała strzałka) - to następny krok czytelnika */
body.single-post .entry-content a:is([href*="/produkt/"],[href*="/kategoria-produktu/"],[href*="/zestawy-startowe/"]):not(.ljk-bc-b):not(.ljk-bc *):not(.wp-block-button__link){padding-bottom:1px;border-bottom:0;background:linear-gradient(90deg,#a855f7,#ec4899 55%,#f97316) 0 100%/100% 2px no-repeat;color:#fff;font-weight:600;transition:background-size .2s var(--n-ease,ease),color .15s}
body.single-post .entry-content a:is([href*="/produkt/"],[href*="/kategoria-produktu/"],[href*="/zestawy-startowe/"]):not(.ljk-bc-b):not(.ljk-bc *):not(.wp-block-button__link)::after{content:"";display:inline-block;width:.8em;height:.8em;margin-left:.2em;vertical-align:-.02em;background:var(--n-p2,#f472b6);-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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E");mask-position:center;mask-size:contain;mask-repeat:no-repeat;transition:transform .15s var(--n-ease,ease)}
body.single-post .entry-content a:is([href*="/produkt/"],[href*="/kategoria-produktu/"],[href*="/zestawy-startowe/"]):not(.ljk-bc-b):not(.ljk-bc *):not(.wp-block-button__link):hover{background-size:100% 3px;color:#fff}
body.single-post .entry-content a:is([href*="/produkt/"],[href*="/kategoria-produktu/"],[href*="/zestawy-startowe/"]):not(.ljk-bc-b):not(.ljk-bc *):not(.wp-block-button__link):hover::after{transform:translate(1px,-1px)}
/* numerowane listy i spis treści: nasycony fiolet marki */
body.single-post .entry-content ul li::before{background:var(--n-v2,#a78bfa)}
body.single-post .entry-content blockquote{border-left-color:var(--n-v2,#a78bfa)}

/* 6.3 karta usług na końcu wpisu (blog-wpis.php): kolor platformy tylko w logo i delikatnym zabarwieniu */
/* część 4: karta jak pas wezwania - mocniejsze poświaty marki, usługi jako kafle z ceną „od”, jeden przycisk w gradiencie */
body.single-post .ljk-bc{--pc:#8b5cf6;margin:2.75rem 0 2rem;padding:28px;border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:24px;background:radial-gradient(560px 300px at 0 0,rgba(139,92,246,.36),transparent 70%),radial-gradient(520px 300px at 100% 100%,rgba(236,72,153,.26),transparent 70%),radial-gradient(380px 240px at 100% 0,rgba(249,115,22,.16),transparent 70%),linear-gradient(color-mix(in srgb,var(--pc) 6%,transparent),color-mix(in srgb,var(--pc) 6%,transparent)),var(--n-card2,#221a36);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body.single-post .ljk-bc::before{display:none}
body.single-post .ljk-bc[data-p=tiktok]{--pc:#25f4ee}
body.single-post .ljk-bc[data-p=instagram]{--pc:#e1306c}
body.single-post .ljk-bc[data-p=youtube]{--pc:#ff0033}
body.single-post .ljk-bc[data-p=facebook]{--pc:#1877f2}
body.single-post .ljk-bc[data-p=twitch]{--pc:#9146ff}
body.single-post .ljk-bc[data-p=discord]{--pc:#5865f2}
body.single-post .entry-content .ljk-bc .ljk-bc-k{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n-mut,#a9a2c3)}
body.single-post .entry-content .ljk-bc .ljk-bc-k img{flex:none;width:36px;height:36px;margin:0;padding:6px;border:0;border-radius:10px;background:rgba(255,255,255,.08);box-shadow:none}
body.single-post .entry-content .ljk-bc .ljk-bc-t{margin:12px 0 12px;font-size:clamp(1.375rem,1.15rem + .8vw,1.75rem);font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#fff}
/* zasady sklepu w trzech krótkich punktach z zielonym ptaszkiem (te same fakty co wcześniej w jednym zdaniu) */
body.single-post .entry-content ul.ljk-bc-tr{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none}
body.single-post .entry-content ul.ljk-bc-tr li{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0;font-size:14px;line-height:1.45;color:var(--n-text,#ece9f6)}
body.single-post .entry-content ul.ljk-bc-tr li::before{content:"";position:static;flex:none;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='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;margin-top:1px}
body.single-post .entry-content .ljk-bc-l{gap:8px;margin:20px 0 16px}
body.single-post .entry-content .ljk-bc-l a{min-height:56px;padding:12px 14px 12px 16px;border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:14px;background:rgba(13,10,23,.55);color:#fff;font-size:15.5px;font-weight:700;transition:background .15s,border-color .15s,transform .15s var(--n-ease,ease)}
body.single-post .entry-content .ljk-bc-l a:hover{background:rgba(13,10,23,.75);border-color:rgba(244,114,182,.45);color:#fff;transform:translateY(-1px)}
body.single-post .entry-content .ljk-bc-l a::after{content:"";flex:none;width:18px;height:18px;margin-left:-4px;background:var(--n-chevr) center/18px no-repeat;transition:transform .15s var(--n-ease,ease)}
body.single-post .entry-content .ljk-bc-l a:hover::after{transform:translateX(3px)}
body.single-post .entry-content .ljk-bc-l span{flex:1;min-width:0}
body.single-post .entry-content .ljk-bc-l em{padding:4px 10px;border-radius:8px;background:rgba(236,72,153,.14);color:var(--n-price,#f472b6);font-size:14px;font-weight:700}
body.single-post .entry-content a.ljk-bc-b{min-height:52px;gap:8px;border-radius:12px;background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));box-shadow:none;color:#fff;font-size:16px;font-weight:700;border:0;transition:filter .15s,transform .15s var(--n-ease,ease),box-shadow .15s}
body.single-post .entry-content a.ljk-bc-b:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--n-buy-shadow,0 8px 24px rgba(0,0,0,.35));color:#fff}
body.single-post .entry-content a.ljk-bc-b:active{transform:scale(.98)}
@media (max-width:600px){body.single-post .ljk-bc{padding:20px 16px;border-radius:20px}body.single-post .entry-content ul.ljk-bc-tr{flex-direction:column}}

/* 6.4 dół wpisu: poprzedni/następny jako karty, „Podobne wpisy”, komentarze */
body.single-post .ljk-pn-k,body.single-post .entry-content .wp-block-post-navigation-link a::before{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n-mut,#a9a2c3)}
body.single-post .post-navigation .nav-links a,body.single-post .entry-content .wp-block-post-navigation-link a{background:var(--n-card,#1a1429);border:1px solid var(--n-line,rgba(255,255,255,.08));border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:background .2s,border-color .2s,transform .2s var(--n-ease,ease)}
body.single-post .post-navigation .nav-links a:hover,body.single-post .entry-content .wp-block-post-navigation-link a:hover{transform:translateY(-2px);background:var(--n-card2,#221a36);border-color:var(--n-line2,rgba(255,255,255,.14))}
body.single-post .post-navigation .nav-links a:hover .ljk-pn-t{color:#fff}
/* nawigacja miała overflow:hidden i ucinała dolną ramkę karty; odstęp od stopki */
body.single-post .post-navigation{overflow:visible!important;margin-bottom:clamp(40px,5vw,64px)!important}
body.single-post .post-navigation .nav-links a{margin:0!important}
/* miniatura w „Podobnych wpisach” bez odstępu z reguły dla okładki wpisu */
body.single-post .ast-related-post .post-thumb,body.single-post .ast-related-post .post-thumb-img-content{margin:0!important}
body.single-post .ast-related-posts-section,body.single-post #comments,body.single-post .comments-area{background:var(--n-card,#1a1429)!important;border:1px solid var(--n-line,rgba(255,255,255,.08))!important;border-radius:20px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
body.single-post #comments::before{display:none}
/* „Podobne wpisy”: jedna karta-panel, tytuł do lewej bez kreski, wpisy jako poziome karty (miniatura + tytuł) */
body.single-post .ast-single-related-posts-container{background:var(--n-card,#1a1429)!important;background-image:none!important;border:1px solid var(--n-line,rgba(255,255,255,.08))!important;border-radius:20px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;padding:24px!important}
body.single-post .ast-single-related-posts-container .ast-related-posts-section,body.single-post .ast-single-related-posts-container .ast-related-posts-inner-section{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
body.single-post .ast-related-posts-title-section{border:0!important;padding:0!important;margin:0 0 16px!important}
body.single-post .ast-related-posts-title-section::before,body.single-post .ast-related-posts-title-section::after{display:none!important}
body.single-post .ast-related-posts-title,body.single-post .ast-related-posts-title-section .ast-related-posts-title{margin:0!important;text-align:left!important;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)!important}
body.single-post .ast-related-posts-wrapper{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;gap:12px!important;margin:0!important}
body.single-post .ast-related-post{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;background:var(--n-bg,#0d0a17)!important;border:1px solid var(--n-line,rgba(255,255,255,.08))!important;border-radius:12px!important;transition:border-color .15s,transform .2s var(--n-ease,ease)}
body.single-post .ast-related-post:hover{transform:translateY(-2px);border-color:var(--n-line2,rgba(255,255,255,.14))!important}
body.single-post .ast-related-post .ast-related-post-content{display:grid!important;grid-template-columns:128px 1fr;align-items:center;gap:14px;padding:10px!important;text-align:left!important}
body.single-post .ast-related-post .ast-related-post-featured-section{margin:0!important}
body.single-post .ast-related-post .ast-related-post-featured-section img{width:128px!important;height:72px!important;object-fit:cover;border-radius:8px!important}
body.single-post .ast-related-post .related-entry-header,body.single-post .ast-related-post-title{margin:0!important;padding:0!important;text-align:left!important}
body.single-post .ast-related-post-title a{font-size:15px!important;line-height:1.4!important}
body.single-post .ast-related-post .ast-related-post-excerpt,body.single-post .ast-related-post .entry-content,body.single-post .ast-related-post .ast-related-post-cta{display:none!important}
@media (max-width:600px){
  body.single-post .ast-single-related-posts-container{padding:16px!important}
  body.single-post .ast-related-post .ast-related-post-content{grid-template-columns:104px 1fr;gap:12px}
  body.single-post .ast-related-post .ast-related-post-featured-section img{width:104px!important;height:60px!important}
}
/* komentarz to akcja drugorzędna (nie zakup): jasny obrys zamiast gradientu */
body.single-post .comment-form .submit,body.single-post .form-submit input[type=submit]{background:rgba(255,255,255,.06)!important;border:1px solid var(--n-line2,rgba(255,255,255,.14))!important;border-radius:12px!important;color:#fff!important;font-weight:700!important;box-shadow:none!important}
body.single-post .comment-form .submit:hover,body.single-post .form-submit input[type=submit]:hover{transform:none;filter:none;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.28)!important}
body.single-post #comment,body.single-post .comment-form input[type=email],body.single-post .comment-form input[type=text],body.single-post .comment-form input[type=url],body.single-post .comment-form textarea{background:var(--n-bg,#0d0a17)!important;border-color:var(--n-line2,rgba(255,255,255,.14))!important;border-radius:12px!important}
body.single-post .comment-body{background:var(--n-bg,#0d0a17);border-color:var(--n-line,rgba(255,255,255,.08))}
body.single-post .ljk-redakcja{border-color:var(--n-line,rgba(255,255,255,.08));border-radius:16px;background:var(--n-card,#1a1429)}

/* 6.5 lista wpisów (.lb-* z motywu): tokeny palety, kategoria jako zwykły tekst, bez gradientu w tytule */
body .lb{--bg:var(--n-bg,#0d0a17);--s1:var(--n-card,#1a1429);--ln:var(--n-line,rgba(255,255,255,.08));--ln2:var(--n-line2,rgba(255,255,255,.14));--tx:var(--n-text,#ece9f6);--mu:var(--n-mut,#a9a2c3);--mu2:var(--n-mut,#a9a2c3)}
.lk-blog-badge{display:none}
.lb-hero h1 span{background:none!important;-webkit-text-fill-color:currentColor!important;color:inherit!important}
.lb-hero h1{color:#fff;letter-spacing:-.01em}
.lb-card .lb-cat{display:block;margin:0 0 2px;padding:0;border:0;border-radius:0;background:none;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#c4b5fd}
.lb-card h3{color:#fff}
.lb-card .lb-more{background:none!important;-webkit-text-fill-color:#c4b5fd!important;color:#c4b5fd!important}
/* kontener Astry jest flexem, więc .lb kurczył się do treści i stał przy lewej krawędzi - teraz w jednej linii z nagłówkiem */
body:is(.blog,.category,.archive) .ast-container>.lb{flex:1 1 100%;width:100%;min-width:0}
/* nagłówek bloga: miękka poświata marki w tle, jak na stronach informacyjnych */
.lb-hero{position:relative;isolation:isolate}
.lb-hero::before{content:"";position:absolute;z-index:-1;left:50%;top:-140px;width:100vw;height:540px;transform:translateX(-50%);background:radial-gradient(ellipse 40% 46% at 20% 50%,rgba(139,92,246,.34),transparent 100%),radial-gradient(ellipse 32% 38% at 78% 38%,rgba(236,72,153,.22),transparent 100%),radial-gradient(ellipse 24% 30% at 94% 68%,rgba(249,115,22,.14),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent);pointer-events:none}
body .lb .lb-card{border-radius:16px;background:var(--n-card,#1a1429);border-color:var(--n-line,rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;transition:background .2s,border-color .2s,transform .2s var(--n-ease,ease),box-shadow .2s}
body .lb .lb-card:hover{border-color:var(--n-line2,rgba(255,255,255,.14));background:var(--n-card2,#221a36);transform:none}
@media (hover:hover) and (pointer:fine){body .lb .lb-card:hover{transform:translateY(-2px);box-shadow:var(--n-lift2,inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.35))!important}}
body .lb .lb-thumb{background:var(--n-bg2,#140f22)}
body .lb .lb-chip{border-radius:12px;background:var(--n-card,#1a1429)}
body .lb .lb-chip:hover{background:var(--n-card2,#221a36);border-color:var(--n-line2,rgba(255,255,255,.14))}
body .lb .lb-search input{border-radius:12px!important;background:var(--n-card,#1a1429)!important;border-color:var(--n-line2,rgba(255,255,255,.14))!important}
body .lb .lb-pag .page-numbers{background:var(--n-card,#1a1429)}
body .lb .lb-pag .page-numbers.current{background:rgba(139,92,246,.3);border-color:var(--n-v2,#a78bfa)}
/* karta zakupu w siatce wpisów: jedyny przycisk w gradiencie marki na liście */
body .lb .lb-cta{border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:16px;background:radial-gradient(440px 260px at 0 0,rgba(139,92,246,.42),transparent 70%),radial-gradient(400px 240px at 100% 100%,rgba(236,72,153,.28),transparent 70%),radial-gradient(280px 200px at 100% 0,rgba(249,115,22,.2),transparent 70%),var(--n-card2,#221a36);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body .lb .lb-cta p{color:var(--n-text,#ece9f6)}
body .lb .lb-cta a{min-height:48px;border-radius:12px;background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));box-shadow:none;transition:filter .15s,transform .15s var(--n-ease,ease),box-shadow .15s}
body .lb .lb-cta a:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--n-buy-shadow,0 8px 24px rgba(0,0,0,.35))}
body .lb .lb-cta a:active{transform:scale(.98)}
body .lb .lb-chip{transition:background .15s,border-color .15s}
@media (max-width:640px){body .lb .lb-cta a{align-self:stretch;justify-content:center}}
@media (max-width:921px){body.blog #content>.ast-container,body.category #content>.ast-container{padding-left:16px;padding-right:16px}}
/* 6.6 wyniki wyszukiwania (search.php w motywie, klasy .lk-*). Arkusz starego bloga nie jest tu wczytywany, więc strona
   była prawie bez stylów (fioletowy tytuł zwykłym fontem, białe pole, przycisk z rozstrzelonymi literami, okładki bez
   zaokrągleń). Komplet stylów tutaj, w palecie: karty jak na liście wpisów (.lb-card). */
body.search .ast-container>.lk-blog-wrap,body.search #primary>.lk-blog-wrap{flex:1 1 100%;width:100%;min-width:0}
.lk-blog-wrap{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:clamp(24px,4vw,48px) 16px clamp(48px,6vw,80px);font-family:Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif;color:var(--n-text,#ece9f6)}
.lk-blog-wrap *{box-sizing:border-box}
.lk-blog-hero{margin:0 0 20px;text-align:left}
.lk-blog-hero h1{margin:0 0 8px;font:800 clamp(1.75rem,1.2rem + 2.4vw,2.75rem)/1.15 Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em;color:#fff;-webkit-text-fill-color:#fff;text-wrap:balance}
.lk-blog-hero .lk-g{background:none!important;-webkit-text-fill-color:currentColor!important;color:inherit!important}
.lk-blog-lead{margin:0;font-size:15px;line-height:1.6;color:var(--n-mut,#a9a2c3)}
.lk-blog-search{position:relative;display:flex;gap:8px;max-width:560px;margin:0 0 clamp(24px,3vw,32px)}
.lk-blog-search .lk-search-ico{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);stroke:var(--n-mut,#a9a2c3);pointer-events:none}
.lk-blog-search .lk-search-input{flex:1 1 auto;min-width:0;height:48px;margin:0;padding:0 14px 0 42px;border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:12px;background:var(--n-card,#1a1429);color:#fff;font:500 15px/1.2 Sora,"Sora Fallback",Inter,sans-serif;box-shadow:none}
.lk-blog-search .lk-search-input::placeholder{color:var(--n-mut,#a9a2c3);opacity:1}
.lk-blog-search .lk-search-input:focus{outline:0;border-color:var(--n-v2,#a78bfa);box-shadow:0 0 0 3px rgba(139,92,246,.28)}
.lk-blog-search .lk-search-btn,.lk-blog-search .lk-search-btn:hover{flex:none;display:inline-flex;align-items:center;justify-content:center;height:48px;margin:0;padding:0 20px;border:1px solid var(--n-line2,rgba(255,255,255,.14));border-radius:12px;background:var(--n-card2,#221a36);color:#fff;font:700 15px/1 Sora,"Sora Fallback",Inter,sans-serif;letter-spacing:0;text-transform:none;box-shadow:none;transform:none;cursor:pointer;transition:background .15s,border-color .15s}
.lk-blog-search .lk-search-btn:hover{background:rgba(139,92,246,.24);border-color:rgba(167,139,250,.45)}
.lk-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}
.lk-post-card{margin:0;border:1px solid var(--n-line,rgba(255,255,255,.08));border-radius:16px;overflow:hidden;background:var(--n-card,#1a1429);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:background .2s,border-color .2s,transform .2s var(--n-ease,ease)}
.lk-post-card:hover{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);border-color:var(--n-line2,rgba(255,255,255,.14));background:var(--n-card2,#221a36)}
@media (hover:hover) and (pointer:fine){.lk-post-card:hover{transform:translateY(-2px)}}
.lk-post-link{display:flex;flex-direction:column;height:100%;color:inherit!important;text-decoration:none!important}
.lk-post-link:focus-visible{outline:2px solid var(--n-link,#c4b5fd);outline-offset:-2px;border-radius:16px}
.lk-post-thumb{position:relative;aspect-ratio:1200/630;margin:0;overflow:hidden;border-bottom:1px solid var(--n-line,rgba(255,255,255,.08));background:var(--n-bg2,#140f22)}
.lk-post-thumb::after{display:none}
.lk-post-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important}
.lk-post-thumb-empty{display:flex;align-items:center;justify-content:center}
.lk-post-thumb-empty svg{width:40px;height:40px;stroke:var(--n-mut,#a9a2c3)}
.lk-post-body{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;padding:16px 20px 20px}
.lk-post-pubdate{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--n-mut,#a9a2c3)}
.lk-post-title,.lk-post-card:hover .lk-post-title{margin:0;font:700 18px/1.3 Sora,"Sora Fallback",Inter,sans-serif;letter-spacing:-.005em;color:#fff;background:none;-webkit-text-fill-color:#fff;text-wrap:balance}
.lk-post-excerpt{margin:0;font-size:14.5px;line-height:1.6;color:var(--n-mut,#a9a2c3)}
.lk-post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--n-line,rgba(255,255,255,.08));font-size:13px;color:var(--n-mut,#a9a2c3)}
.lk-post-date{display:inline-flex;align-items:center;gap:6px}
.lk-meta-ico{width:14px;height:14px;stroke:currentColor}
.lk-post-more{font-weight:700;color:var(--n-link,#c4b5fd)}
.lk-blog-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}
.lk-blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1px solid var(--n-line,rgba(255,255,255,.08));border-radius:12px;background:var(--n-card,#1a1429);color:#fff!important;font-weight:600;text-decoration:none!important}
.lk-blog-pagination .page-numbers.current{background:rgba(139,92,246,.3);border-color:var(--n-v2,#a78bfa);box-shadow:none}
.lk-blog-pagination .page-numbers:hover{transform:none;border-color:var(--n-line2,rgba(255,255,255,.14))}
.lk-blog-empty{padding:48px 16px;text-align:center;color:var(--n-text,#ece9f6)}
.lk-blog-empty a{color:var(--n-link,#c4b5fd)!important}
.lk-blog-bar-title::before{background:var(--n-v,#8b5cf6)}
@media (max-width:640px){.lk-blog-grid{gap:16px}.lk-search-btn{padding:0 16px}}
@media (prefers-reduced-motion:reduce){.lk-post-card{transition:none}.lk-post-card:hover{transform:none}}

/* ============ 10. Moje konto ============ */
/* wygląd kont jest w konto-wyglad.css; tu tylko kolor nagłówków */
body.woocommerce-account .woocommerce-MyAccount-content h2,body.woocommerce-account .woocommerce-MyAccount-content h3,body.woocommerce-account .entry-title{color:#fff;-webkit-text-fill-color:#fff;letter-spacing:-.01em}
/* nagłówki kart konta i strony „Dziękujemy” (konto.php): zwykły nagłówek, nie mała etykieta wersalikami */
.ljk-ko .ljk-ko-h,.ljk-k2-box .ljk-ko-h{font-size:15px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
/* ostatnie poświaty spoza modułów: przyciski zakupu (zmienna z ulepszenia.css), koszyk boczny, „Zamień” w koszyku, kafle ikon platform */
:root{--ljk-buy-shadow:none}
.lajk-sc-checkout,.lajk-sc-checkout:hover{box-shadow:none!important;transform:none!important}
.ljk-pic{box-shadow:none!important}.ljk-pic svg{filter:none!important}
.ljk-up-btn{background:transparent!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;color:#fff!important;font-weight:700!important;min-height:44px;height:auto!important}
.ljk-up-btn:hover{border-color:rgba(255,255,255,.32)!important;filter:none!important}

/* ============ 11. strona 404 ============ */
/* na całą szerokość okna (kontener Astry zostawiał ciemniejsze pasy po bokach) */
body #lajk-404{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:radial-gradient(720px 460px at 50% 0,rgba(139,92,246,.34),30%,transparent 74%),radial-gradient(480px 360px at 90% 62%,rgba(236,72,153,.22),30%,transparent 74%),radial-gradient(420px 320px at 8% 58%,rgba(249,115,22,.14),30%,transparent 74%)}
body #lajk-404 .l404-num{color:var(--n-v2,#a78bfa);opacity:.7}
body #lajk-404 .l404-sub{color:var(--n-mut,#a9a2c3)}
body #lajk-404 .l404-label{color:var(--n-mut,#a9a2c3);font-size:14px}
/* kafle platform: kolor platformy tylko w logo i bardzo delikatnym zabarwieniu */
body #lajk-404 .l404-tile{--pr:139 92 246;border-radius:16px;background:linear-gradient(rgb(var(--pr) / .06),rgb(var(--pr) / .06)),var(--n-card,#1a1429);border:1px solid var(--n-line,rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:background .2s,border-color .2s,transform .2s var(--n-ease,ease),box-shadow .2s}
body #lajk-404 .l404-tile:hover{transform:translateY(-2px);background:linear-gradient(rgb(var(--pr) / .08),rgb(var(--pr) / .08)),var(--n-card2,#221a36);border-color:rgb(var(--pr) / .45);box-shadow:var(--n-lift2,inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.35))}
body #lajk-404 .l404-tile[href*="/tiktok/"]{--pr:37 244 238}
body #lajk-404 .l404-tile[href*="/instagram/"]{--pr:225 48 108}
body #lajk-404 .l404-tile[href*="/youtube/"]{--pr:255 0 51}
body #lajk-404 .l404-tile[href*="/facebook/"]{--pr:24 119 242}
body #lajk-404 .l404-tile[href*="/twitch/"]{--pr:145 70 255}
body #lajk-404 .l404-tile[href*="/discord/"]{--pr:88 101 242}
body #lajk-404 .l404-tile-ic{box-shadow:none;border-radius:12px}
body #lajk-404 .l404-tile span{color:#fff}
body #lajk-404 .l404-search input{border-radius:12px;background:var(--n-card,#1a1429);border-color:var(--n-line2,rgba(255,255,255,.14))}
body #lajk-404 .l404-search button{border-radius:12px;box-shadow:none;background:var(--n-card2,#221a36);border:1px solid var(--n-line2,rgba(255,255,255,.14));color:#fff}
body #lajk-404 .l404-search button:hover{background:rgba(139,92,246,.22)}
/* główny krok na tej stronie: powrót do oferty (jedyny gradient) */
body #lajk-404 .l404-home{min-height:48px;padding:0 24px;border:0;border-radius:12px;background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));color:#fff;font-weight:700;transition:filter .15s,transform .15s var(--n-ease,ease),box-shadow .15s}
body #lajk-404 .l404-home:hover{background:var(--n-grad-buy,linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f97316 100%));filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--n-buy-shadow,0 8px 24px rgba(0,0,0,.35));color:#fff}
body #lajk-404 .l404-home:active{transform:scale(.98)}
body #lajk-404 .l404-search input:focus{border-color:var(--n-v2,#a78bfa);box-shadow:0 0 0 3px rgba(139,92,246,.28)}

/* ============ 12. logowanie i rejestracja (gość) ============ */
/* tytuł „Logowanie” nie przyklejony do nagłówka strony */
body.woocommerce-account:not(.logged-in) .entry-content>.woocommerce{padding-top:clamp(24px,3vw,40px)!important}
body.woocommerce-account:not(.logged-in) .site-content{background:radial-gradient(760px 460px at 50% 0,rgba(139,92,246,.3),30%,transparent 74%),radial-gradient(560px 380px at 92% 160px,rgba(236,72,153,.18),30%,transparent 74%),radial-gradient(420px 320px at 6% 380px,rgba(249,115,22,.1),30%,transparent 74%)}

/* ============ 13. ruch (część 4): tylko funkcjonalny, raz, 150-400 ms ============ */
/* 13.1 rozwijane pytania, cennik, FAQ gwarancji: treść wsuwa się zamiast wyskakiwać; w nowszych przeglądarkach płynna wysokość */
@keyframes ljk-n-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
body .ljk-pg :is(details.faq-q,details.ljk-cn-item)[open]>:not(summary),body .gw26 .gw-faq details[open]>:not(summary){animation:ljk-n-open .25s var(--n-ease,ease) both}
@supports selector(::details-content){
  body .ljk-pg,body .gw26{interpolate-size:allow-keywords}
  body .ljk-pg :is(details.faq-q,details.ljk-cn-item)::details-content,body .gw26 .gw-faq details::details-content{block-size:0;overflow:clip;transition:block-size .25s var(--n-ease,ease),content-visibility .25s allow-discrete}
  body .ljk-pg :is(details.faq-q,details.ljk-cn-item)[open]::details-content,body .gw26 .gw-faq details[open]::details-content{block-size:auto}
}
/* 13.2 pojawianie się bloków poniżej pierwszego ekranu: wspólny skrypt i style w naturalny.php / naturalny.css 10.1
   (html.n-js .n-reveal -> .is-in). Tu nic nie dublujemy - wystarczy klasa n-reveal w HTML (np. karta usług we wpisie). */
/* 13.3 wszystkie podniesienia, wsunięcia i pojawienia wyłączone dla osób, które ograniczają ruch */
@media (prefers-reduced-motion:reduce){
  body .ljk-pg *,body .ljk-pg *::before,body .ljk-pg *::after,body .gw26 *,body .lb *,body.single-post .entry-content *,body.single-post .entry-content *::after,body #lajk-404 *,body.woocommerce-account .woocommerce *{animation:none!important;transition:none!important}
  body .ljk-pg :is(.pg-btn,.pg-card,.ct-facts li,.ab-fact,.ab-steps li,.ab-plat,.ljk-cn-nav a,.ljk-odst-btn):hover,body .gw26 :is(.gw-btn,.gw-fact,.gw-card,.gw-steps li):hover,body .lb :is(.lb-card,.lb-cta a):hover,body.single-post :is(.ljk-bc-l a,a.ljk-bc-b,.ast-related-post,.post-navigation .nav-links a):hover,body.single-post .ljk-bc-l a:hover::after,body #lajk-404 :is(.l404-tile,.l404-home):hover{transform:none!important}
  body .ljk-pg :is(details.faq-q,details.ljk-cn-item)::details-content,body .gw26 .gw-faq details::details-content{transition:none}
}

/* ============ v7 (15.10.2026): mniej „szablonu”, więcej pewnej typografii ============ */
/* Filip: „sprawdź całą stronę, czy nic nie wygląda sztucznie jak AI”. Najczęstsze ślady szablonu na podstronach:
   1) etykieta nad H1 w kolorze, z kropkami („Kontakt · wsparcie po polsku”) - to samo mówi zdanie pod nagłówkiem;
   2) każda ikona na kolorowym kafelku, kolory na zmianę (fiolet/róż/pomarańcz) - siatka „feature cards”;
   3) ✓ w zabarwionych kółkach przy każdej linijce, także przy zwykłych linkach. */
body .ljk-pg .pg-eyebrow,body .gw26 .gw-tag{display:none!important}
/* ikony: sama linia w jednym kolorze marki, bez kafelka; zielona tylko przy gwarancji/sukcesie (.ok) */
body .ljk-pg .pg-ic,body .ljk-pg .pg-grid>* .pg-ic,body .ljk-pg .ct-facts>li .pg-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px!important;height:20px!important;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--n-v2,#a78bfa)}
body .ljk-pg .pg-ic svg{width:20px!important;height:20px!important}
body .ljk-pg .pg-ic,body .ljk-pg .pg-grid>:nth-child(n) .pg-ic,body .ljk-pg .ct-facts>li:nth-child(n) .pg-ic{color:var(--n-v2,#a78bfa)!important}
body .ljk-pg .pg-ic.ok,body .ljk-pg .pg-grid>:nth-child(n) .pg-ic.ok,body .ljk-pg .ct-facts>li:nth-child(n) .pg-ic.ok{color:var(--n-ok,#34d399)!important}
/* karty tematów (kontakt): kolumna ikony była na 44px kafelek - teraz ikona stoi przy nagłówku */
body .ljk-pg .ct-topic{grid-template-columns:20px minmax(0,1fr)!important;column-gap:10px!important}
body .ljk-pg .ct-topic>.pg-ic{align-self:center}
body .ljk-pg .ct-facts>li{align-items:flex-start}
body .ljk-pg .ct-facts>li .pg-ic{margin-top:2px}
body .ljk-pg .pg-card>.pg-ic{margin-bottom:12px}
/* listy: ✓ bez kółka; przy liście samych linków - strzałka (to nawigacja, nie lista zalet) */
body .ljk-pg ul.pg-list li::before,body .gw26 .gw-list li::before{background-color:transparent!important;box-shadow:none!important}
body .ljk-pg ul.pg-list li:has(>a:only-child)::before{background:var(--n-mut,#a9a2c3)!important;-webkit-mask:var(--n-chevr) center/16px no-repeat;mask-image:var(--n-chevr);mask-position:center;mask-size:16px;mask-repeat:no-repeat;border-radius:0}

/* ============ Wygląd 2 (20.10.2026): czytanie dłuższych tekstów ============
   Wpis na blogu: treść krojem tekstowym (--n-ff-txt), Sora zostaje w nagłówkach, przyciskach i liczbach - tak samo jak
   w opisie na stronie usługi; wiersz ok. 75 znaków. Strony informacyjne i dokumenty zostają w Sorze (szeroki krój daje
   tam dobrą długość wiersza w kolumnie obok spisu treści - krój tekstowy wydłużał wiersz do ok. 105 znaków). */
body.single-post .entry-content{font-family:var(--n-ff-txt);font-size:1.125rem}
body.single-post .entry-content>:is(p,ul,ol){max-width:36em}
body.single-post .entry-content :is(td,th){font-variant-numeric:tabular-nums}
/* spis treści Yoast: spokojna karta zamiast listy podkreślonych linków z kropkami */
body.single-post .entry-content .yoast-table-of-contents{margin:1.75rem 0 2.5rem;padding:20px 24px 12px;border:1px solid var(--n-line);border-radius:16px;background:var(--n-card);box-shadow:var(--n-lift)}
body.single-post .entry-content .yoast-table-of-contents h2{margin:0 0 12px!important;padding:0!important;font-size:1.0625rem!important}
body.single-post .entry-content .yoast-table-of-contents h2::before{content:none}
body.single-post .entry-content .yoast-table-of-contents ul{margin:0;padding:0;list-style:none}
body.single-post .entry-content .yoast-table-of-contents li{margin:0 0 9px;padding-left:0;line-height:1.45;font-size:.95em}
body.single-post .entry-content .yoast-table-of-contents li::before{content:none}
body.single-post .entry-content .yoast-table-of-contents ul ul{margin:9px 0 0 4px;padding-left:14px;border-left:1px solid var(--n-line2)}
body.single-post .entry-content .yoast-table-of-contents a{border-bottom:0;color:var(--n-text)}
body.single-post .entry-content .yoast-table-of-contents a:hover{color:var(--n-link2)}
@media (max-width:600px){body.single-post .entry-content .yoast-table-of-contents{padding:16px 16px 8px}body.single-post .entry-content{font-size:1.0625rem}}
/* narzędzia: tabele bez obramowania tabeli z motywu (pionowa kreska z lewej) */
body.page .lnz table{border:0}
/* liczniki przy tematach FAQ i inne <small>: nie mniej niż 12 px (zasada 10) */
body .ljk-pg small{font-size:max(12px,.8em)}

/* ============ R10 tło (22.10.2026): bez poświat na podstronach ============
   Tło strony jest w naturalny.css (blok „R10 tło”). Tu zdjęte kolorowe poświaty za nagłówkami stron, wpisów, bloga,
   404 i logowania oraz w kartach: karty płaskie (--n-card / --n-card2) z ramką 1 px, która już jest w ich regułach.
   Wpis: karta usługi zostaje z delikatnym (6%) zabarwieniem w kolorze platformy - to identyfikacja, nie dekoracja. */
body .ljk-pg .pg-hero::before,body.single-post #primary::before,.lb-hero::before{background:none}
body #lajk-404,body.woocommerce-account:not(.logged-in) .site-content{background:none}
body .ljk-pg :is(.pg-help,.ab-cta,.ct-mail,.ab-quote),body .gw26 :is(.gw-hero,.gw-help),body .lb .lb-cta{background:var(--n-card2,#221a36)}
body .ljk-pg :is(.lg-sum,.lg-help){background:var(--n-card,#1a1429)}
body.single-post .ljk-bc{background:linear-gradient(color-mix(in srgb,var(--pc) 6%,transparent),color-mix(in srgb,var(--pc) 6%,transparent)),var(--n-card2,#221a36)}
html body.woocommerce-account :is(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword,form.lost_reset_password){background:var(--n-card,#1a1429)}
/* R10 telefon (22.10.2026) */
/* audyt #19: karta podobnego wpisu (Astra) jest w całości linkiem - wcześniej tylko tytuł 104x19 px */
body .ast-related-post{position:relative}
body .ast-related-post .ast-related-post-title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
body .ast-related-post .ast-related-post-title a{display:inline-block;min-height:24px}
/* audyt #20: filtry kategorii w FAQ min. 44 px */
body .pg-chips .pg-chip{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
/* audyt #18: główny przycisk narzędzia (np. generator nicków) tak wysoki jak pole wpisywania */
html body #lajk-generate-btn{min-height:48px}
/* audyt #26: regulamin i inne dokumenty prawne na telefonie czytelniejszą czcionką (było 14,5 px) */
@media (max-width:767px){body .ljk-pg .lg-doc :is(p,li),body .ljk-pg #dokument :is(p,li){font-size:15.5px!important;line-height:1.65!important}}