/* setia-pro — DESIGN ARTYKUŁU v2 (bogaty, edytorski, spójny z homepage).
   Ładowane tylko na is_singular('page') != front. Zakotwiczone pod .setia-article*/.entry-content.
   Tokeny: --c-mint #2970df, --c-ink, --c-inkMuted, --c-cream, --c-paper, --c-copper #ce4526, --c-mintTint,
   --font-display Bricolage Grotesque, --font-body DM Sans. Bogaty układ domyka article.js (TOC/FAQ/progress). */

:root{ --art-col:720px; --art-aside:296px; --art-max:1120px; }

/* FIX sticky: critical.min.css ma `html,body{overflow-x:hidden}` → OBA stają się scroll-containerami
   (nested scroll, łamie position:sticky). html = normalny root-scroll (visible), body = clip (klip h-overflow
   BEZ tworzenia scroll-containera). Tylko strony artykułu (article.css nie ładuje się na homepage). */
html{ overflow:visible !important; }
body{ overflow-x:clip !important; overflow-y:visible !important; }

/* ============ PASEK POSTĘPU CZYTANIA ============ */
.art-progress{position:fixed; top:0; left:0; height:3px; width:0; z-index:60;
  background:linear-gradient(90deg,var(--c-mint,#2970df),var(--c-copper,#ce4526)); transition:width .1s linear;}

/* ============ HERO ============ */
.setia-article-hero{background:var(--c-cream,#F5F7FA); padding:clamp(38px,5vw,80px) 0 clamp(30px,4vw,56px); position:relative; overflow:hidden;}
.setia-article-hero::before{content:""; position:absolute; top:-260px; right:-180px; width:780px; height:780px;
  background:radial-gradient(circle, rgba(var(--glow-rgb,46,124,246),0.10), transparent 64%); pointer-events:none;}
.setia-article-hero > *{position:relative; z-index:1; max-width:1320px !important; margin-inline:auto !important; padding-inline:var(--lp-pad-x,24px);}
.setia-article-eyebrow{font-family:var(--font-body); font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--c-mintDeep,#1A5FD0); margin:0 0 14px;}
.setia-article-eyebrow a{color:inherit; text-decoration:none;} .setia-article-eyebrow a:hover{text-decoration:underline;}
.setia-article-hero .wp-block-post-title{font-family:var(--font-display); font-weight:500; font-size:clamp(34px,5vw,62px);
  line-height:1.03; letter-spacing:-.035em; color:var(--c-ink,#0A0C12); margin:0 0 20px !important; text-wrap:balance; max-width:22ch; text-align:left; font-variation-settings:"opsz" 72;}
.setia-article-hero .wp-block-post-excerpt p, .setia-article-hero .wp-block-post-excerpt__excerpt{
  font-family:var(--font-body); font-size:clamp(17px,1.4vw,21px); line-height:1.55; color:var(--c-inkMuted,#5B6573); margin:0; max-width:62ch;}
/* trust chips (JS wstawia) */
.art-trust{display:flex; flex-wrap:wrap; gap:10px 20px; align-items:center; margin:20px 0 4px; font-family:var(--font-body); font-size:14px; color:var(--c-inkMuted);}
.art-trust b{color:var(--c-ink); font-weight:600;} .art-trust .art-stars{color:#f5a623; letter-spacing:1px;}
.art-trust .art-sep{opacity:.3;}

/* ============ UKŁAD DWUKOLUMNOWY ============ */
.setia-article-body{padding:clamp(36px,5vw,64px) 0 0;}
.art-layout{max-width:1320px; margin-inline:auto; padding-inline:var(--lp-pad-x,24px);
  display:grid; grid-template-columns:minmax(0,1fr) 296px; gap:clamp(32px,4vw,64px); align-items:stretch;}
.art-main{min-width:0;}
.art-aside{position:relative;}
.art-aside-sticky{position:sticky; top:20px; display:flex; flex-direction:column; gap:14px;}
.art-toc{max-height:min(30vh,320px); overflow-y:auto;}
.art-toc::-webkit-scrollbar{width:6px;} .art-toc::-webkit-scrollbar-thumb{background:var(--c-borderMid,rgba(10,12,18,.14)); border-radius:6px;}
/* karta opinii */
.art-review{background:var(--c-paper,#fff); border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:16px; padding:18px 20px; box-shadow:0 10px 30px -20px rgba(10,12,18,.2);}
.art-review-top{display:flex; align-items:center; gap:8px; margin-bottom:10px;}
.art-review-stars{color:#f5a623; letter-spacing:1px; font-size:14px;} .art-review-top b{font-family:var(--font-display); font-size:17px; color:var(--c-ink);} .art-review-src{font-family:var(--font-body); font-size:12px; color:var(--c-inkMuted); margin-left:auto;}
.art-review p{font-family:var(--font-body); font-size:13.5px; line-height:1.5; color:var(--c-ink); margin:0 0 12px; font-style:italic;}
.art-review-who{display:flex; align-items:center; gap:9px; font-family:var(--font-body); font-size:12.5px; color:var(--c-inkMuted);}
.art-review-av{width:28px; height:28px; border-radius:999px; background:linear-gradient(135deg,var(--c-mint,#2970df),var(--c-mintDeep,#1A5FD0)); color:#fff; display:grid; place-items:center; font-family:var(--font-display); font-weight:600; font-size:12px;}
/* mini formularz */
.art-mini{background:var(--c-cream,#F5F7FA); border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:16px; padding:18px 20px; display:flex; flex-direction:column; gap:9px;}
.art-mini-h{font-family:var(--font-display); font-weight:600; font-size:15px; color:var(--c-ink); margin-bottom:2px;}
.art-mini input{font-family:var(--font-body); font-size:14px; padding:11px 14px; border-radius:10px; border:1px solid var(--c-borderMid,rgba(10,12,18,.14)); background:var(--c-paper,#fff); color:var(--c-ink); outline:none;}
.art-mini input:focus{border-color:var(--c-mint,#2970df); box-shadow:0 0 0 3px rgba(41,112,223,.14);}
.art-mini button{font-family:var(--font-body); font-weight:600; font-size:14.5px; padding:12px; border:0; border-radius:999px; cursor:pointer; background:var(--c-copper,#ce4526); color:#fff; box-shadow:0 1px 0 var(--c-copperDark,#c13415), 0 8px 20px -8px rgba(206,69,38,.5); transition:transform .15s;}
.art-mini button:hover{transform:translateY(-1px);}
.art-mini-note{font-family:var(--font-body); font-size:11.5px; color:var(--c-inkMuted); text-align:center;}
@media (max-width:900px){ .art-layout{grid-template-columns:1fr;} .art-aside{display:none;} }

/* -------- SIDEBAR: TOC + CTA card + trust -------- */
.art-toc{background:var(--c-paper,#fff); border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:16px; padding:20px 22px; box-shadow:0 10px 30px -18px rgba(10,12,18,.22);}
.art-toc-h{font-family:var(--font-display); font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--c-inkMuted); margin:0 0 12px;}
.art-toc ol{list-style:none; margin:0; padding:0; counter-reset:toc;}
.art-toc li{margin:0;}
.art-toc a{display:block; padding:7px 0 7px 14px; border-left:2px solid var(--c-borderSoft,rgba(10,12,18,.09));
  font-family:var(--font-body); font-size:14px; line-height:1.35; color:var(--c-inkMuted); text-decoration:none; transition:.15s;}
.art-toc a:hover{color:var(--c-ink);}
.art-toc a.is-active{color:var(--c-mintDeep); border-left-color:var(--c-mint); font-weight:600;}
.art-cta-card{background:var(--c-green,#0C0F16); color:var(--c-cream,#F5F7FA); border-radius:16px; padding:22px; position:relative; overflow:hidden;}
.art-cta-card::before{content:""; position:absolute; top:-80px; right:-60px; width:240px; height:240px; background:radial-gradient(circle,rgba(var(--glow-rgb,46,124,246),.22),transparent 62%);}
.art-cta-card h3{font-family:var(--font-display); font-weight:600; font-size:19px; line-height:1.2; margin:0 0 6px; color:var(--c-cream); position:relative;}
.art-cta-card p{font-family:var(--font-body); font-size:13.5px; line-height:1.5; color:var(--c-onGreenMuted,rgba(245,247,250,.62)); margin:0 0 14px; position:relative;}
.art-cta-card .art-btn{display:flex; flex-direction:column; gap:8px; position:relative;}
.art-btn a{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:999px; font-family:var(--font-body); font-weight:600; font-size:14.5px; text-decoration:none; transition:transform .15s;}
.art-btn a:hover{transform:translateY(-1px);}
.art-btn .art-phone{background:var(--c-copper,#ce4526); color:#fff; box-shadow:0 1px 0 var(--c-copperDark,#c13415), 0 8px 20px -8px rgba(206,69,38,.5);}
.art-btn .art-form{background:rgba(245,247,250,.10); color:var(--c-cream); border:1px solid rgba(245,247,250,.22);}

/* ============ TREŚĆ — typografia bogata ============ */
.entry-content{font-family:var(--font-body); font-size:clamp(16.5px,1.06rem,17.5px); line-height:1.75; color:#1e2430;}
.entry-content p{margin:0 0 1.15em;}
/* LEAD — pierwszy akapit jako wyróżniona karta */
.entry-content > p:first-of-type{font-size:clamp(18px,1.35vw,21px); line-height:1.6; color:var(--c-ink); font-weight:450;
  padding:0 0 4px 20px; border-left:3px solid var(--c-copper,#ce4526); margin-bottom:1.6em;}
.entry-content strong{color:var(--c-ink); font-weight:600;}
.entry-content a{color:var(--c-mintDeep,#1A5FD0); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px;}
.entry-content a:hover{color:var(--c-copperDark,#c13415);}

/* sekcje H2 — numerowane, z górnym separatorem (JS opakowuje w .art-section) */
.entry-content .art-section{padding-top:clamp(28px,4vw,44px); margin-top:clamp(24px,3vw,36px); border-top:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); scroll-margin-top:80px; position:relative;}
.entry-content .art-section::before{content:""; position:absolute; top:-1px; left:0; width:56px; height:3px; border-radius:3px; background:var(--sec-accent,#2970df);}
.entry-content .art-section:first-of-type::before{display:none;}
.entry-content .art-section:first-of-type{border-top:0; margin-top:0; padding-top:8px;}
.entry-content h2{font-family:var(--font-display); font-weight:600; font-size:clamp(25px,2.9vw,34px); line-height:1.15;
  letter-spacing:-.03em; color:var(--c-ink); margin:0 0 .6em; position:relative; scroll-margin-top:80px; font-variation-settings:"opsz" 40;}
.entry-content h2 .art-num{display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 6px;
  margin-right:14px; border-radius:10px; background:var(--c-mintTint,#EAF2FF); color:var(--c-mintDeep,#1A5FD0);
  font-size:16px; font-weight:600; vertical-align:3px; font-variant-numeric:tabular-nums;}
.entry-content h3{font-family:var(--font-display); font-weight:600; font-size:clamp(18px,1.9vw,22px); line-height:1.25; letter-spacing:-.02em; color:var(--c-ink); margin:1.7em 0 .4em; scroll-margin-top:80px;}
.entry-content h4{font-family:var(--font-display); font-weight:600; font-size:1.05rem; color:var(--c-ink); margin:1.4em 0 .35em;}

/* listy — check w mint kółku */
.entry-content ul{list-style:none; margin:0 0 1.3em; padding:0;}
.entry-content ul li{position:relative; padding-left:34px; margin:0 0 .65em; line-height:1.6;}
.entry-content ul li::before{content:""; position:absolute; left:0; top:1px; width:21px; height:21px; border-radius:999px;
  background:var(--c-mintTint,#EAF2FF);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cpath d='M6 10.8 L9 13.6 L15 7' stroke='%232970df' stroke-width='2.1' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.entry-content ol{margin:0 0 1.3em; padding:0; counter-reset:li; list-style:none;}
.entry-content ol li{position:relative; padding-left:44px; margin:0 0 .7em; line-height:1.6; counter-increment:li;}
.entry-content ol li::before{content:counter(li); position:absolute; left:0; top:-.1em; width:29px; height:29px; display:grid; place-items:center;
  border-radius:999px; background:var(--sec-accent,#2970df); color:#fff; font-family:var(--font-display); font-weight:600; font-size:14px;}

/* tabele — karta jak lp-compare */
.entry-content .wp-block-table{margin:1.7em 0; overflow-x:auto;}
.entry-content table{border-collapse:collapse; width:100%; font-size:.97rem; background:var(--c-paper,#fff);
  border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:14px; overflow:hidden;}
.entry-content thead th{font-family:var(--font-display); font-weight:600; font-size:.95rem; text-align:left; background:var(--c-cream,#F5F7FA);
  color:var(--c-ink); padding:14px 18px; border-bottom:2px solid rgba(10,12,18,.12);}
.entry-content tbody td{padding:13px 18px; border-bottom:1px solid var(--c-borderSoft,rgba(10,12,18,.06)); color:#1e2430; vertical-align:top;}
.entry-content tbody tr:last-child td{border-bottom:0;}
.entry-content tbody tr:nth-child(even){background:rgba(41,112,223,.028);}

/* callout / cytat */
.entry-content blockquote{margin:1.6em 0; padding:20px 24px; background:var(--c-mintTint,#EAF2FF); border-radius:14px; border:0; position:relative;}
.entry-content blockquote p{margin:0; color:var(--c-ink); font-size:1.05rem;}

.entry-content img{border-radius:14px; height:auto; max-width:100%;}

/* ============ FAQ — eleganckie karty Q&A (JS + schema FAQPage) ============ */
.art-faq-section{background:linear-gradient(180deg,var(--c-cream,#F5F7FA),transparent 60%); border-radius:20px; padding:clamp(24px,3vw,36px) clamp(18px,2.5vw,28px); border-top:0 !important; margin-top:clamp(28px,3.5vw,44px) !important;}
.art-faq-wrap{display:flex; flex-direction:column; gap:12px; margin-top:8px;}

/* ===== HYBRYDA: pełnoszerokościowa strefa (od 4. sekcji w dół) poza dwukolumnowym gridem =====
   Relokowana przez article.js. Strefa = child .setia-article-body (pełna szerokość jak hero/CTA).
   Wzór: sekcje-czytanie WĄSKIE wyśrodkowane (czytelność) + ciężkie moduły szersze +
   naprzemienne sekcje jako PEŁNE PASY edge-to-edge (efekt „full screen"). */
.art-fullzone{margin-top:clamp(40px,5vw,72px); border-top:1px solid var(--c-borderSoft,rgba(10,12,18,.07)); padding-top:clamp(32px,4vw,56px);}
.art-fullzone-in{max-width:1320px; margin-inline:auto; padding-inline:var(--lp-pad-x,24px);}
/* JEDNOLITA kolumna czytania 820px, wyśrodkowana — proza, moduły I akordeon
   równo w tej samej osi (floaty/moduły wyrównane do tekstu). */
.art-fullzone .art-section,
.art-fullzone .art-vs, .art-fullzone .art-calc, .art-fullzone .art-midcta,
.art-fullzone .wp-block-table, .art-fullzone .art-features, .art-fullzone .art-steps,
.art-fullzone .art-faq-section, .art-fullzone .art-author, .art-fullzone .art-related{max-width:820px; margin-left:auto !important; margin-right:auto !important;}
/* naprzemienne sekcje → PEŁNY PAS tła edge-to-edge; treść (bloki) wyśrodkowana
   w kolumnie 820 przez margin:auto — spójnie z resztą strefy. */
.art-fullzone .art-section.art-sec-alt{max-width:none; width:100vw; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; border-radius:0; padding-block:clamp(36px,4.5vw,64px); background:linear-gradient(180deg,var(--c-cream,#F5F7FA),color-mix(in srgb,var(--c-cream,#F5F7FA) 40%,transparent));}
.art-fullzone .art-section.art-sec-alt > *{max-width:820px; margin-inline:auto;}
/* ilustracje w strefie NIE pływają (float uciekał na krawędź pasa) → wyśrodkowany blok */
.art-fullzone .art-illo, .art-fullzone .art-illo-alt{float:none !important; display:block; margin:18px auto !important; max-width:min(420px,100%);}
/* FAQ w strefie: gubi własne rounded-tło (spójna kolumna 820) */
.art-fullzone .art-faq-section{background:none !important; border-radius:0; padding:0; margin-top:0 !important;}
.art-faq{background:var(--c-paper,#fff); border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:16px; overflow:hidden; transition:border-color .2s, box-shadow .2s, transform .2s;}
.art-faq:hover{box-shadow:0 14px 34px -22px rgba(10,12,18,.35);}
.art-faq[open]{border-color:var(--c-mintSoft,#C9DEFF); box-shadow:0 16px 40px -24px rgba(41,112,223,.4);}
.art-faq-q{all:unset; display:flex; width:100%; box-sizing:border-box; align-items:center; gap:14px; cursor:pointer; padding:16px 20px; line-height:1.3;}
.art-faq-q:hover{background:var(--c-cream,#F5F7FA);}
.art-faq-badge{flex-shrink:0; width:30px; height:30px; border-radius:9px; background:var(--c-mintTint,#EAF2FF); color:var(--c-mintDeep,#1A5FD0); display:grid; place-items:center; font-family:var(--font-display); font-weight:700; font-size:14px; transition:.2s;}
.art-faq[open] .art-faq-badge{background:var(--c-mint,#2970df); color:#fff;}
.art-faq-txt{flex:1; font-family:var(--font-display); font-weight:600; font-size:1.04rem; color:var(--c-ink); letter-spacing:-.01em;}
.art-faq-ico{flex-shrink:0; width:26px; height:26px; display:grid; place-items:center; color:var(--c-inkMuted); transition:transform .25s, color .2s;}
.art-faq-ico svg{width:18px; height:18px;}
.art-faq[open] .art-faq-ico{transform:rotate(180deg); color:var(--c-mint,#2970df);}
.art-faq-panel{max-height:0; overflow:hidden; transition:max-height .3s cubic-bezier(.2,.7,.2,1);}
.art-faq[open] .art-faq-panel{max-height:1400px;}
.art-faq-panel > div{padding:0 20px 18px 64px; color:#1e2430; line-height:1.68;}
.art-faq-panel > div > *:first-child{margin-top:0;}
.art-faq-panel p:last-child{margin-bottom:0;}
@media (max-width:560px){ .art-faq-panel > div{padding-left:20px;} }

/* ============ CTA końcowe (full-bleed) ============ */
.setia-article-cta{background:var(--c-green,#0C0F16); color:var(--c-cream,#F5F7FA); padding:clamp(48px,6vw,88px) 0; margin-top:clamp(48px,6vw,80px); position:relative; overflow:hidden;}
.setia-article-cta::before{content:""; position:absolute; top:-200px; left:-160px; width:640px; height:640px; background:radial-gradient(circle,rgba(var(--glow-rgb,46,124,246),.18),transparent 62%); pointer-events:none;}
.setia-article-cta > *{position:relative; z-index:1; max-width:1320px !important; margin-inline:auto !important; padding-inline:var(--lp-pad-x,24px);}
.setia-article-cta h2{font-family:var(--font-display); font-weight:500; font-size:clamp(28px,4vw,46px); line-height:1.05; letter-spacing:-.035em; color:var(--c-cream); margin:0 0 12px; text-wrap:balance;}
.setia-article-cta h2::before{display:none;} .setia-article-cta h2 .art-num{display:none;}
.setia-article-cta p{font-family:var(--font-body); font-size:clamp(16px,1.3vw,19px); color:var(--c-onGreenMuted,rgba(245,247,250,.62)); margin:0 0 24px; max-width:52ch;}
.setia-cta-btns{display:flex; flex-wrap:wrap; gap:12px;}
.setia-cta-btns a{display:inline-flex; align-items:center; gap:10px; padding:15px 28px; border-radius:999px; font-family:var(--font-body); font-weight:600; font-size:16.5px; text-decoration:none; white-space:nowrap; transition:transform .15s;}
.setia-cta-btns a:hover{transform:translateY(-1px);}
.setia-cta-primary{background:var(--c-copper,#ce4526); color:#fff; border:1.5px solid var(--c-copper); box-shadow:0 1px 0 var(--c-copperDark,#c13415), 0 8px 22px -8px rgba(206,69,38,.5);}
.setia-cta-ghost{background:transparent; color:var(--c-cream); border:1.5px solid rgba(245,247,250,.28);}

/* ============================================================
   KOMPONENTY „wow" (JS dzieli treść na elementy → CSS je ubiera)
   ============================================================ */

/* -------- pasek statystyk (band po hero) -------- */
.art-stats{background:var(--c-paper,#fff); border-top:1px solid var(--c-borderSoft,rgba(10,12,18,.07)); border-bottom:1px solid var(--c-borderSoft,rgba(10,12,18,.07));}
.art-stats-in{max-width:1320px; margin-inline:auto; padding:clamp(20px,3vw,32px) var(--lp-pad-x,24px);
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2vw,28px);}
.art-stat{display:flex; flex-direction:column; gap:2px;}
.art-stat b{font-family:var(--font-display); font-size:clamp(28px,3.4vw,40px); font-weight:600; letter-spacing:-.03em; color:var(--c-ink); line-height:1; font-variant-numeric:tabular-nums;}
.art-stat span{font-family:var(--font-body); font-size:13.5px; color:var(--c-inkMuted);}
.art-stat b .art-plus{color:var(--c-mint,#2970df);}
@media (max-width:680px){ .art-stats-in{grid-template-columns:1fr 1fr; gap:18px;} }

/* -------- karty-feature (bullet z bold-lead → grid kart) -------- */
.entry-content .art-features{list-style:none; margin:1.4em 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.entry-content .art-features li{margin:0; padding:18px 20px 18px 52px; position:relative; background:var(--c-paper,#fff);
  border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:14px; line-height:1.55; box-shadow:0 8px 24px -20px rgba(10,12,18,.3);}
.entry-content .art-features li::before{content:""; position:absolute; left:16px; top:18px; width:26px; height:26px; border-radius:8px;
  background:var(--c-mintTint,#EAF2FF);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M7 13.5 L11 17.2 L19 8.5' stroke='%232970df' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center;}
.entry-content .art-features li strong{display:block; font-family:var(--font-display); font-weight:600; font-size:1.02rem; color:var(--c-ink); margin:0 0 3px; letter-spacing:-.01em;}
@media (max-width:560px){ .entry-content .art-features{grid-template-columns:1fr;} }

/* -------- timeline kroków (ol → numerowana oś) -------- */
.entry-content .art-steps{list-style:none; margin:1.5em 0; padding:0; counter-reset:step;}
.entry-content .art-steps li{position:relative; margin:0; padding:2px 0 26px 60px; counter-increment:step; line-height:1.6;}
.entry-content .art-steps li::before{content:counter(step); position:absolute; left:0; top:-2px; width:38px; height:38px; display:grid; place-items:center;
  border-radius:12px; background:var(--c-mint,#2970df); color:#fff; font-family:var(--font-display); font-weight:600; font-size:16px; z-index:1; box-shadow:0 6px 16px -6px rgba(41,112,223,.6);}
.entry-content .art-steps li:not(:last-child)::after{content:""; position:absolute; left:18px; top:40px; bottom:0; width:2px; background:linear-gradient(var(--c-mintSoft,#C9DEFF), transparent);}
.entry-content .art-steps li strong{display:block; font-family:var(--font-display); font-weight:600; font-size:1.05rem; color:var(--c-ink); margin:0 0 2px;}

/* -------- callout / wskazówka (blockquote lub .art-callout) -------- */
.entry-content .art-callout, .entry-content blockquote{margin:1.6em 0; padding:20px 22px 20px 56px; background:var(--c-mintTint,#EAF2FF); border-radius:14px; border:0; position:relative;}
.entry-content .art-callout::before, .entry-content blockquote::before{content:"💡"; position:absolute; left:18px; top:18px; font-size:20px;}
.entry-content .art-callout p:last-child, .entry-content blockquote p:last-child{margin-bottom:0;}

/* -------- mid-CTA banner (wstawiany w treść) -------- */
.art-midcta{margin:2em 0; padding:clamp(24px,3vw,34px); border-radius:20px; position:relative; overflow:hidden;
  background:linear-gradient(120deg,var(--c-green,#0C0F16),var(--c-greenDeep,#070910)); color:var(--c-cream,#F5F7FA);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px;}
.art-midcta::before{content:""; position:absolute; top:-120px; right:-80px; width:360px; height:360px; background:radial-gradient(circle,rgba(var(--glow-rgb,46,124,246),.25),transparent 60%);}
.art-midcta .art-midcta-t{position:relative; z-index:1;}
.art-midcta strong{display:block; font-family:var(--font-display); font-weight:600; font-size:clamp(19px,2.2vw,26px); letter-spacing:-.02em; margin:0 0 4px; color:var(--c-cream);}
.art-midcta span{font-family:var(--font-body); font-size:14.5px; color:var(--c-onGreenMuted,rgba(245,247,250,.62));}
.art-midcta a{position:relative; z-index:1; flex-shrink:0; display:inline-flex; align-items:center; gap:9px; padding:14px 26px; border-radius:999px;
  background:var(--c-copper,#ce4526); color:#fff; font-family:var(--font-body); font-weight:600; font-size:16px; text-decoration:none; white-space:nowrap;
  box-shadow:0 1px 0 var(--c-copperDark,#c13415), 0 10px 24px -8px rgba(206,69,38,.5); transition:transform .15s;}
.art-midcta a:hover{transform:translateY(-1px);}

/* ============================================================
   WARSTWA PRO (animacje, TL;DR, autor, powiązane, mobilny CTA)
   ============================================================ */

/* -------- reveal on-scroll --------
   Animacje TYLKO pod no-preference. Pod prefers-reduced-motion:reduce
   (RDP/VM/wyłączone animacje Windows) reguła nie wchodzi → treść jest
   natychmiast widoczna (opacity:1), zero janku i kosztu renderu na RDP.
   To celowe: RDP streamuje każdą klatkę — animacje = drastyczny spadek płynności. */
@media (prefers-reduced-motion: no-preference){
  .art-reveal{opacity:0; transform:translateY(18px); transition:opacity .55s cubic-bezier(.2,.7,.2,1), transform .55s cubic-bezier(.2,.7,.2,1);}
  .art-reveal.in{opacity:1; transform:none;}
}

/* -------- czas czytania (chip w hero) -------- */
.art-readtime{display:inline-flex; align-items:center; gap:6px;}
.art-readtime::before{content:""; width:14px; height:14px; border-radius:999px; border:2px solid var(--c-mint,#2970df); box-shadow:inset 0 -5px 0 -3px var(--c-mint,#2970df); }

/* -------- TL;DR „W skrócie" -------- */
.art-tldr{background:linear-gradient(135deg,var(--c-mintTint,#EAF2FF),#fff); border:1px solid var(--c-mintSoft,#C9DEFF); border-radius:18px; padding:24px 26px; margin:0 0 8px;}
.art-tldr-h{display:flex; align-items:center; gap:9px; font-family:var(--font-display); font-weight:600; font-size:15px; letter-spacing:.02em; text-transform:uppercase; color:var(--c-mintDeep,#1A5FD0); margin:0 0 14px;}
.art-tldr-h::before{content:"✓"; display:grid; place-items:center; width:22px; height:22px; border-radius:7px; background:var(--c-mint,#2970df); color:#fff; font-size:13px;}
.art-tldr ul{list-style:none; margin:0; padding:0; display:grid; gap:9px;}
.art-tldr li{position:relative; padding-left:26px; font-family:var(--font-body); font-size:15px; line-height:1.45; color:var(--c-ink);}
.art-tldr li::before{content:""; position:absolute; left:2px; top:7px; width:8px; height:8px; border-radius:999px; background:var(--c-mint,#2970df);}

/* -------- eyebrow/kicker sekcji (nad H2) -------- */
.art-kicker{display:block; font-family:var(--font-body); font-size:12.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--c-copper,#ce4526); margin:0 0 8px;}

/* -------- box autora (E-E-A-T) -------- */
.art-author{display:flex; align-items:center; gap:16px; margin:2.4em 0 0; padding:20px 22px; background:var(--c-cream,#F5F7FA); border-radius:16px; border:1px solid var(--c-borderSoft,rgba(10,12,18,.07));}
.art-author-av{flex-shrink:0; width:54px; height:54px; border-radius:999px; display:grid; place-items:center; background:linear-gradient(135deg,var(--c-mint,#2970df),var(--c-mintDeep,#1A5FD0)); color:#fff; font-family:var(--font-display); font-weight:600; font-size:20px;}
.art-author b{display:block; font-family:var(--font-display); font-size:16px; color:var(--c-ink); letter-spacing:-.01em;}
.art-author span{font-family:var(--font-body); font-size:13.5px; color:var(--c-inkMuted); line-height:1.5;}

/* -------- powiązane usługi (karty na końcu) -------- */
.art-related{margin:2.4em 0 0;}
.art-related-h{font-family:var(--font-display); font-weight:600; font-size:20px; color:var(--c-ink); margin:0 0 16px; letter-spacing:-.02em;}
.art-related-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.art-related-grid a{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 18px; background:var(--c-paper,#fff); border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:14px; text-decoration:none; font-family:var(--font-display); font-weight:600; font-size:15px; color:var(--c-ink); transition:.15s; box-shadow:0 8px 24px -20px rgba(10,12,18,.3);}
.art-related-grid a:hover{border-color:var(--c-mint,#2970df); transform:translateY(-2px); color:var(--c-mintDeep,#1A5FD0);}
.art-related-grid a::after{content:"→"; color:var(--c-mint,#2970df); font-size:18px;}
@media (max-width:560px){ .art-related-grid{grid-template-columns:1fr;} }

/* -------- sticky mobilny pasek CTA -------- */
.art-mobilebar{display:none;}
@media (max-width:900px){
  .art-mobilebar{display:flex; position:fixed; left:0; right:0; bottom:0; z-index:55; gap:10px; padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-top:1px solid var(--c-borderSoft,rgba(10,12,18,.1)); box-shadow:0 -6px 24px -12px rgba(10,12,18,.25);}
  .art-mobilebar a{flex:1; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px; border-radius:999px; font-family:var(--font-body); font-weight:600; font-size:15px; text-decoration:none;}
  .art-mobilebar .mb-call{background:var(--c-copper,#ce4526); color:#fff;}
  .art-mobilebar .mb-form{background:var(--c-ink,#0A0C12); color:var(--c-cream,#F5F7FA);}
  body{padding-bottom:72px;}
}

/* ============================================================
   WARSTWA EXPERT (hero-visual, naprzemienne sekcje, pull-quote,
   ikony sekcji, liczniki, tabele-karty mobile, back-to-top, marker)
   ============================================================ */

/* -------- 2) bogaty hero (tekst + wizual) -------- */
.art-hero-grid{max-width:1320px !important; margin-inline:auto !important; padding-inline:var(--lp-pad-x,24px);
  display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(32px,5vw,72px); align-items:center;}
.art-hero-text{min-width:0;}
.setia-article-hero .art-hero-grid > *{max-width:none !important; margin-inline:0 !important; padding-inline:0 !important;}
.art-hero-visual{position:relative;}
.art-hv-card{background:var(--c-paper,#fff); border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:20px; overflow:hidden;
  box-shadow:0 40px 80px -32px rgba(10,12,18,.30), 0 8px 24px -12px rgba(10,12,18,.12);}
.art-hv-bar{display:flex; align-items:center; gap:12px; padding:13px 16px; background:var(--c-cream,#F5F7FA); border-bottom:1px solid var(--c-borderSoft,rgba(10,12,18,.08));}
.art-hv-dots{display:flex; gap:6px;} .art-hv-dots i{width:11px; height:11px; border-radius:999px; display:block;}
.art-hv-dots i:nth-child(1){background:#e94b4b;} .art-hv-dots i:nth-child(2){background:#f4b731;} .art-hv-dots i:nth-child(3){background:#3dca67;}
.art-hv-url{flex:1; text-align:center; font-family:var(--font-body); font-size:12px; color:var(--c-inkMuted); background:var(--c-paper,#fff); border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:6px; padding:4px 10px;}
.art-hv-body{padding:20px;}
.art-hv-row{display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:11px; background:var(--c-cream,#F5F7FA); margin-bottom:8px;}
.art-hv-row:last-child{margin-bottom:0;}
.art-hv-check{flex-shrink:0; width:26px; height:26px; border-radius:999px; background:var(--c-mintTint,#EAF2FF); display:grid; place-items:center;}
.art-hv-check svg{width:15px; height:15px;}
.art-hv-row b{font-family:var(--font-body); font-size:14px; font-weight:600; color:var(--c-ink); display:block; line-height:1.2;}
.art-hv-row span{font-family:var(--font-body); font-size:12.5px; color:var(--c-inkMuted);}
.art-hv-row .art-hv-val{margin-left:auto; font-family:var(--font-display); font-weight:600; font-size:15px; color:var(--c-mintDeep,#1A5FD0);}
.art-hv-badge{position:absolute; top:-14px; right:-10px; background:var(--c-copper,#ce4526); color:#fff; font-family:var(--font-display); font-weight:600; font-size:13px; padding:8px 14px; border-radius:999px; box-shadow:0 10px 24px -8px rgba(206,69,38,.5); transform:rotate(3deg);}
@media (max-width:860px){ .art-hero-grid{grid-template-columns:1fr;} .art-hero-visual{display:none;} }

/* -------- 1) naprzemienne sekcje (rytm) -------- */
.entry-content .art-section.art-sec-alt{background:linear-gradient(180deg,var(--c-cream,#F5F7FA),transparent); border-radius:18px; padding:clamp(24px,3vw,36px) clamp(20px,2.5vw,30px); border-top:0; margin-top:clamp(28px,3.5vw,40px);}

/* -------- 3) pull-quote -------- */
.entry-content .art-pullquote{margin:1.8em 0; padding:8px 0 8px 28px; border-left:4px solid var(--c-mint,#2970df); position:relative;}
.entry-content .art-pullquote p{font-family:var(--font-display); font-weight:500; font-size:clamp(20px,2.4vw,27px); line-height:1.3; letter-spacing:-.02em; color:var(--c-ink); margin:0; text-wrap:balance;}

/* -------- 4) ikony sekcji (badge SVG) + kicker -------- */
.entry-content h2 .art-ico{display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; margin-right:14px; border-radius:11px;
  background:color-mix(in srgb, var(--sec-accent,#2970df) 13%, #fff); color:var(--sec-accent,#2970df); vertical-align:-8px; transition:transform .2s;}
.entry-content .art-section:hover h2 .art-ico{transform:scale(1.06) rotate(-3deg);}
.entry-content h2 .art-ico svg{width:21px; height:21px;}
.entry-content h2 .art-kicker-n{display:block; font-family:var(--font-body); font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--sec-accent,#ce4526); margin:0 0 6px;}

/* -------- 5) tabele → karty na mobile -------- */
.art-tablecards{display:none;}
@media (max-width:640px){
  .entry-content .wp-block-table table{display:none;}
  .art-tablecards{display:grid; gap:12px; margin:1.6em 0;}
  .art-tc{background:var(--c-paper,#fff); border:1px solid var(--c-borderSoft,rgba(10,12,18,.09)); border-radius:14px; overflow:hidden;}
  .art-tc-h{background:var(--c-cream,#F5F7FA); padding:12px 16px; font-family:var(--font-display); font-weight:600; color:var(--c-ink); border-bottom:1px solid var(--c-borderSoft,rgba(10,12,18,.08));}
  .art-tc-row{display:flex; justify-content:space-between; gap:14px; padding:11px 16px; border-bottom:1px solid var(--c-borderSoft,rgba(10,12,18,.05)); font-family:var(--font-body); font-size:14px;}
  .art-tc-row:last-child{border-bottom:0;} .art-tc-row .k{color:var(--c-inkMuted); font-weight:600;} .art-tc-row .v{text-align:right; color:var(--c-ink);}
}

/* -------- 6) back-to-top -------- */
.art-totop{position:fixed; right:20px; bottom:20px; z-index:54; width:46px; height:46px; border-radius:999px; border:0; cursor:pointer;
  background:var(--c-ink,#0A0C12); color:#fff; display:grid; place-items:center; opacity:0; transform:translateY(12px) scale(.9); pointer-events:none;
  transition:.25s; box-shadow:0 12px 28px -10px rgba(10,12,18,.5);}
.art-totop.show{opacity:1; transform:none; pointer-events:auto;}
.art-totop:hover{background:var(--c-mintDeep,#1A5FD0);}
@media (max-width:900px){ .art-totop{bottom:80px;} }

/* -------- 7) marker na kluczowych frazach (bold w akapitach) -------- */
.entry-content p > strong{background-image:linear-gradient(transparent 62%, rgba(41,112,223,.16) 0); padding:0 1px;}
.entry-content .art-pullquote p > strong{background:none;}
.art-aside-phone{display:flex; align-items:baseline; justify-content:center; gap:8px; padding:13px; border-radius:12px; background:var(--c-ink,#0A0C12); color:var(--c-cream,#F5F7FA); text-decoration:none; font-family:var(--font-display); font-size:16px; font-weight:600;}
.art-aside-phone b{font-family:var(--font-body); font-size:13px; font-weight:500; color:var(--c-onGreenMuted,rgba(245,247,250,.6));}
.art-aside-phone:hover{background:var(--c-mintDeep,#1A5FD0);}

/* -------- diagram-słupki z danych tabeli (cennik/liczby) -------- */
.entry-content .wp-block-table[data-chart] td .art-bar{position:relative; height:8px; border-radius:999px; margin-top:9px;
  background:color-mix(in srgb, var(--sec-accent,#2970df) 12%, #eef2ff); overflow:hidden;}
.entry-content .art-bar-fill{position:absolute; top:0; bottom:0; border-radius:999px;
  background:linear-gradient(90deg, var(--sec-accent,#2970df), color-mix(in srgb, var(--sec-accent,#2970df) 55%, #fff));
  transition:width .9s cubic-bezier(.2,.7,.2,1);}
.art-tc .art-bar{margin-top:8px;}

/* -------- sticky sub-nav (pojawia się po hero) -------- */
.art-subnav{position:fixed; top:0; left:0; right:0; z-index:56; transform:translateY(-100%); transition:transform .3s cubic-bezier(.2,.7,.2,1);
  background:rgba(255,255,255,.9); backdrop-filter:blur(12px); border-bottom:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); box-shadow:0 6px 24px -16px rgba(10,12,18,.3);}
.art-subnav.show{transform:none;}
.art-subnav-in{max-width:1320px; margin:0 auto; padding:9px var(--lp-pad-x,24px); display:flex; align-items:center; gap:16px;}
.art-subnav-title{font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--c-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:230px; flex-shrink:0;}
.art-subnav-pills{display:flex; gap:6px; overflow-x:auto; flex:1; min-width:0; scrollbar-width:none;}
.art-subnav-pills::-webkit-scrollbar{display:none;}
.art-subnav-pills a{white-space:nowrap; font-family:var(--font-body); font-size:13px; color:var(--c-inkMuted); text-decoration:none; padding:6px 12px; border-radius:999px; transition:.15s;}
.art-subnav-pills a:hover{background:var(--c-cream,#F5F7FA); color:var(--c-ink);}
.art-subnav-pills a.is-active{background:var(--c-mintTint,#EAF2FF); color:var(--c-mintDeep,#1A5FD0); font-weight:600;}
.art-subnav-cta{flex-shrink:0; background:var(--c-copper,#ce4526); color:#fff; font-family:var(--font-body); font-weight:600; font-size:13.5px; padding:8px 18px; border-radius:999px; text-decoration:none; white-space:nowrap; transition:transform .15s;}
.art-subnav-cta:hover{transform:translateY(-1px);}
@media (max-width:900px){ .art-subnav-pills{display:none;} .art-subnav-title{max-width:none; flex:1;} }

/* ============ DARK MODE (klasa .art-dark na <html>, sterowana JS: toggle + prefers) ============ */
html.art-dark{color-scheme:dark;
  --c-ink:#eaf0f8; --c-inkMuted:#98a6bb; --c-cream:#151b26; --c-creamDeep:#0f141d; --c-paper:#1b2230;
  --c-borderSoft:rgba(255,255,255,.09); --c-borderMid:rgba(255,255,255,.16); --c-borderStrong:rgba(255,255,255,.30);
  --c-mintTint:rgba(41,112,223,.22); --c-mintSoft:rgba(41,112,223,.4);
  --c-green:#0c111a; --c-greenDeep:#080c13; --c-onGreenMuted:rgba(234,240,248,.6); --c-onGreen:#eaf0f8;}
html.art-dark body{background:#0f141d !important;}
/* hardkodowane teksty treści → jasne w dark */
html.art-dark .entry-content, html.art-dark .entry-content p, html.art-dark .entry-content tbody td,
html.art-dark .art-faq-panel > div, html.art-dark .art-tc-row .v, html.art-dark .entry-content li{color:#c7d2e2;}
html.art-dark .entry-content .art-features li{background:var(--c-paper);}
html.art-dark .art-toc, html.art-dark .art-review, html.art-dark .art-faq, html.art-dark .art-hv-card{background:var(--c-paper);}
html.art-dark .entry-content tbody tr:nth-child(even){background:rgba(255,255,255,.03);}
html.art-dark .entry-content p > strong{background-image:linear-gradient(transparent 62%, rgba(41,112,223,.28) 0);}
html.art-dark .art-subnav{background:rgba(20,26,38,.9);}
html.art-dark .setia-article-hero::before, html.art-dark .setia-article-cta::before{opacity:.7;}
/* toggle button */
.art-theme-toggle{position:fixed; left:20px; bottom:20px; z-index:54; width:46px; height:46px; border-radius:999px; border:1px solid var(--c-borderMid,rgba(10,12,18,.14)); cursor:pointer;
  background:var(--c-paper,#fff); color:var(--c-ink,#0A0C12); display:grid; place-items:center; box-shadow:0 12px 28px -12px rgba(10,12,18,.4); transition:transform .2s, background .2s;}
.art-theme-toggle:hover{transform:scale(1.06);}
.art-theme-toggle svg{width:20px; height:20px;}
@media (max-width:900px){ .art-theme-toggle{bottom:80px;} }
/* dark: header (hardkodowane jasne tło + ciemne logo) */
html.art-dark .lp-header{background:rgba(20,26,38,.92) !important; border-bottom:1px solid rgba(255,255,255,.07);}
html.art-dark .lp-logo{color:var(--c-ink,#eaf0f8) !important;}
html.art-dark .lp-phone{color:var(--c-ink,#eaf0f8) !important; border-color:var(--c-borderMid,rgba(255,255,255,.16)) !important;}

/* ============ MIKRO-ANIMACJE (premium detale; motion za reduced-motion guard) ============ */
@media (prefers-reduced-motion: no-preference){
  .entry-content .art-features li{transition:transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s, border-color .22s;}
  .entry-content .art-features li:hover{transform:translateY(-3px); border-color:color-mix(in srgb, var(--sec-accent,#2970df) 45%, var(--c-borderSoft,rgba(10,12,18,.08))); box-shadow:0 20px 42px -26px rgba(10,12,18,.45);}
  .entry-content table tbody tr{transition:background .15s;}
  .entry-content table tbody tr:hover{background:color-mix(in srgb, var(--sec-accent,#2970df) 7%, transparent);}
  .art-steps li{transition:transform .18s;} .art-steps li:hover{transform:translateX(3px);}
  /* subtelny float mockupu hero */
  .art-hv-card{animation:art-float 6.5s ease-in-out infinite;}
  .art-hv-badge{animation:art-float 6.5s ease-in-out .35s infinite;}
  @keyframes art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  .art-hv-badge{transform-origin:center;}
  /* shine sweep na głównych CTA */
  .setia-cta-primary, .art-mini button, .art-midcta a, .art-subnav-cta, .art-hv-badge{position:relative; overflow:hidden;}
  .setia-cta-primary::after, .art-mini button::after, .art-midcta a::after, .art-subnav-cta::after{content:""; position:absolute; top:0; left:-70%; width:45%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent); transform:skewX(-20deg); transition:left .55s cubic-bezier(.2,.7,.2,1); pointer-events:none;}
  .setia-cta-primary:hover::after, .art-mini button:hover::after, .art-midcta a:hover::after, .art-subnav-cta:hover::after{left:130%;}
}
/* animowane podkreślenie linków w treści (grow z lewej) */
.entry-content p a, .entry-content li a{background-image:linear-gradient(var(--c-mintDeep,#1A5FD0),var(--c-mintDeep,#1A5FD0)); background-size:0 1.6px; background-position:0 100%; background-repeat:no-repeat; text-decoration:none; transition:background-size .25s cubic-bezier(.2,.7,.2,1);}
.entry-content p a:hover, .entry-content li a:hover{background-size:100% 1.6px; color:var(--c-mintDeep,#1A5FD0);}
/* focus-visible (dostępność klawiaturą) */
.art-faq-q:focus-visible, .art-toc a:focus-visible, .setia-cta-btns a:focus-visible, .art-mini input:focus-visible, .art-mini button:focus-visible,
.art-subnav-pills a:focus-visible, .art-subnav-cta:focus-visible, .art-theme-toggle:focus-visible, .art-totop:focus-visible, .art-related-grid a:focus-visible,
.art-mobilebar a:focus-visible{outline:2px solid var(--c-mint,#2970df); outline-offset:2px; border-radius:8px;}

/* ============ CTR-BOOSTERY (uczciwe) ============ */
/* trust-badges (przy CTA) */
.art-badges{display:flex; flex-wrap:wrap; gap:8px 10px; margin-top:16px;}
.art-badges span{display:inline-flex; align-items:center; gap:7px; font-family:var(--font-body); font-size:13px; font-weight:500; color:var(--c-inkMuted,#5B6573);}
.art-badges span::before{content:""; width:16px; height:16px; border-radius:999px; flex-shrink:0; background:var(--c-mintTint,#EAF2FF)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2 L7 11 L12 5' stroke='%232970df' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;}
.art-badges-dark span{color:var(--c-onGreenMuted,rgba(245,247,250,.72));}
.art-badges-dark span::before{background-color:rgba(41,112,223,.25);}
/* kontekstowy inline-CTA */
.entry-content .art-inline-cta{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:2em 0;
  padding:20px 24px; border-radius:16px; background:color-mix(in srgb, var(--c-copper,#ce4526) 8%, var(--c-paper,#fff));
  border:1px solid color-mix(in srgb, var(--c-copper,#ce4526) 26%, transparent); border-left:4px solid var(--c-copper,#ce4526);}
.art-inline-cta-t strong{display:block; font-family:var(--font-display); font-weight:600; font-size:clamp(17px,1.6vw,20px); color:var(--c-ink); letter-spacing:-.01em; margin-bottom:2px;}
.art-inline-cta-t span{font-family:var(--font-body); font-size:14.5px; color:var(--c-inkMuted); line-height:1.5;}
.entry-content .art-inline-cta a{flex-shrink:0; display:inline-flex; align-items:center; gap:8px; padding:13px 24px; border-radius:999px; text-decoration:none; white-space:nowrap;
  background:var(--c-copper,#ce4526); color:#fff; font-family:var(--font-body); font-weight:600; font-size:15.5px;
  box-shadow:0 1px 0 var(--c-copperDark,#c13415), 0 10px 24px -10px rgba(206,69,38,.5); transition:transform .15s; background-image:none;}
.entry-content .art-inline-cta a:hover{transform:translateY(-1px); color:#fff;}

/* ============ HERO POLISH (mesh, staggered entrance, live-dot) ============ */
.setia-article-hero::after{content:""; position:absolute; bottom:-220px; left:-160px; width:620px; height:620px;
  background:radial-gradient(circle, rgba(206,69,38,.07), transparent 60%); pointer-events:none; z-index:0;}
@media (prefers-reduced-motion: no-preference){
  .setia-article-hero .art-hero-text > *{opacity:0; animation:art-rise .6s cubic-bezier(.2,.7,.2,1) forwards;}
  .setia-article-hero .art-hero-text > *:nth-child(1){animation-delay:.04s}
  .setia-article-hero .art-hero-text > *:nth-child(2){animation-delay:.11s}
  .setia-article-hero .art-hero-text > *:nth-child(3){animation-delay:.18s}
  .setia-article-hero .art-hero-text > *:nth-child(4){animation-delay:.25s}
  .setia-article-hero .art-hero-text > *:nth-child(5){animation-delay:.32s}
  .setia-article-hero .art-hero-text > *:nth-child(6){animation-delay:.39s}
  .art-hero-visual{opacity:0; animation:art-rise .7s .28s cubic-bezier(.2,.7,.2,1) forwards;}
  @keyframes art-rise{from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:none}}
  /* live-dot puls w mockupie */
  .art-hv-live{animation:art-pulse 2s ease-in-out infinite;}
  @keyframes art-pulse{0%,100%{box-shadow:0 0 0 0 rgba(61,202,103,.5)} 50%{box-shadow:0 0 0 5px rgba(61,202,103,0)}}
}
.art-hv-live{display:inline-block; width:7px; height:7px; border-radius:999px; background:#3dca67; margin-right:7px; vertical-align:middle; flex-shrink:0;}

/* ============ WARSTWA I — figury z ilustracjami/diagramami SVG ============ */
.entry-content .art-illo{margin:1.9em auto; max-width:460px; padding:clamp(16px,3vw,26px); border-radius:20px; text-align:center;
  background:linear-gradient(155deg, var(--c-cream,#F5F7FA), var(--c-paper,#fff)); border:1px solid var(--c-borderSoft,rgba(10,12,18,.07));
  box-shadow:0 22px 50px -34px rgba(10,12,18,.35);}
.entry-content .art-illo svg{width:100%; max-width:400px; height:auto; display:block; margin:0 auto;}
html.art-dark .entry-content .art-illo{background:linear-gradient(155deg, #1a2230, #131922);}
@media (prefers-reduced-motion: no-preference){
  .entry-content .art-illo path[stroke]{stroke-dasharray:none;}
}

/* ============ WARSTWA II — zig-zag rytm (ilustracje pływają naprzemiennie, tekst opływa) ============ */
.entry-content .art-section{position:relative;}
.entry-content .art-section::after{content:""; display:table; clear:both;}
@media (min-width:760px){
  .entry-content .art-illo{float:right; width:min(42%,360px); margin:4px 0 20px 32px; shape-margin:18px;}
  .entry-content .art-illo.art-illo-alt{float:left; margin:4px 32px 20px 0;}
  /* bloki-komponenty i podsekcje ZACZYNAJĄ się pod floatem (nie nachodzą) */
  .entry-content .art-features, .entry-content .art-steps, .entry-content .wp-block-table,
  .entry-content .art-midcta, .entry-content .art-inline-cta, .entry-content .art-pullquote,
  .entry-content .art-section h3{clear:both;}
}
/* silniejsza naprzemienność tła sekcji (rytm light ↔ tinted) */
.entry-content .art-section.art-sec-alt{background:linear-gradient(180deg, color-mix(in srgb, var(--sec-accent,#2970df) 5%, var(--c-cream,#F5F7FA)), transparent 70%);}

/* ============ WARSTWA III — FAQ na nowo (taby/kategorie + search + CTA) ============ */
.art-faq-ctrl{display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin:0 0 18px;}
.art-faq-tabs{display:flex; flex-wrap:wrap; gap:6px;}
.art-faq-tab{all:unset; cursor:pointer; font-family:var(--font-body); font-size:13.5px; font-weight:600; color:var(--c-inkMuted,#5B6573); padding:8px 15px; border-radius:999px; border:1px solid var(--c-borderSoft,rgba(10,12,18,.09)); transition:.15s; background:var(--c-paper,#fff);}
.art-faq-tab:hover{color:var(--c-ink); border-color:var(--c-borderMid,rgba(10,12,18,.16));}
.art-faq-tab.is-active{background:var(--c-mint,#2970df); color:#fff; border-color:var(--c-mint,#2970df);}
.art-faq-search{font-family:var(--font-body); font-size:14px; padding:9px 16px 9px 38px; border-radius:999px; border:1px solid var(--c-borderMid,rgba(10,12,18,.14)); background:var(--c-paper,#fff)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235B6573' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4-4'/%3E%3C/svg%3E") 14px center/16px no-repeat; color:var(--c-ink); outline:none; min-width:180px;}
.art-faq-search:focus{border-color:var(--c-mint,#2970df); box-shadow:0 0 0 3px rgba(41,112,223,.14);}
.art-faq-cta{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:16px 0 0; padding:22px 24px; border-radius:16px;
  background:var(--c-green,#0C0F16); color:var(--c-cream,#F5F7FA); position:relative; overflow:hidden;}
.art-faq-cta::before{content:""; position:absolute; top:-90px; right:-60px; width:280px; height:280px; background:radial-gradient(circle,rgba(var(--glow-rgb,46,124,246),.22),transparent 62%);}
.art-faq-cta-t{position:relative; z-index:1;} .art-faq-cta-t strong{display:block; font-family:var(--font-display); font-weight:600; font-size:clamp(17px,1.6vw,20px); color:var(--c-cream); margin-bottom:2px;}
.art-faq-cta-t span{font-family:var(--font-body); font-size:14px; color:var(--c-onGreenMuted,rgba(245,247,250,.62));}
.art-faq-cta-btns{display:flex; flex-wrap:wrap; gap:10px; position:relative; z-index:1;}
.art-faq-cta-btns a{display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:999px; font-family:var(--font-body); font-weight:600; font-size:14.5px; text-decoration:none; white-space:nowrap; transition:transform .15s;}
.art-faq-cta-btns a:first-child{background:var(--c-copper,#ce4526); color:#fff; box-shadow:0 1px 0 var(--c-copperDark,#c13415), 0 8px 20px -8px rgba(206,69,38,.5);}
.art-faq-cta-btns a.ghost{background:rgba(245,247,250,.10); color:var(--c-cream); border:1px solid rgba(245,247,250,.22);}
.art-faq-cta-btns a:hover{transform:translateY(-1px);}

/* ============ WARSTWA IV — above-fold/AEO direct-answer box ============ */
.entry-content .art-answer{margin:0 0 22px; padding:22px 26px; border-radius:18px; border:1px solid var(--c-mintSoft,#C9DEFF); border-left:4px solid var(--c-mint,#2970df);
  background:linear-gradient(135deg, var(--c-mintTint,#EAF2FF), var(--c-paper,#fff));}
.art-answer-h{display:flex; align-items:center; gap:9px; font-family:var(--font-display); font-weight:600; font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--c-mintDeep,#1A5FD0); margin:0 0 12px;}
.art-answer-badge{width:24px; height:24px; border-radius:7px; background:var(--c-mint,#2970df); color:#fff; display:grid; place-items:center; flex-shrink:0;}
.art-answer-badge svg{width:14px; height:14px;}
.entry-content .art-answer > p{font-size:clamp(17px,1.45vw,19.5px) !important; line-height:1.6 !important; color:var(--c-ink) !important; margin:0 !important; padding:0 !important; border:0 !important; font-weight:450;}
.art-answer-facts{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
.art-answer-facts span{font-family:var(--font-body); font-size:13px; color:var(--c-ink); background:var(--c-paper,#fff); border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); border-radius:999px; padding:7px 15px;}
.art-answer-facts b{color:var(--c-inkMuted,#5B6573); font-weight:600; margin-right:3px;}

/* ============ WARSTWA V — moduły konwersyjne (porównanie + kalkulator) ============ */
/* porównanie z-nami / bez-nas */
.entry-content .art-vs{clear:both; margin:2.2em 0;}
.art-vs-h{font-family:var(--font-display); font-weight:600; font-size:clamp(20px,2.2vw,26px); color:var(--c-ink); letter-spacing:-.02em; margin:0 0 18px; text-align:center;}
.art-vs-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:620px){ .art-vs-grid{grid-template-columns:1fr;} }
.art-vs-col{border-radius:18px; padding:22px 24px; border:1px solid var(--c-borderSoft,rgba(10,12,18,.08));}
.art-vs-yes{background:linear-gradient(160deg,#eafaf0,var(--c-paper,#fff)); border-color:#bde8cf;}
.art-vs-no{background:linear-gradient(160deg,#fdeee9,var(--c-paper,#fff)); border-color:#f5cdc0;}
html.art-dark .art-vs-yes{background:linear-gradient(160deg,#12271b,#131922);} html.art-dark .art-vs-no{background:linear-gradient(160deg,#2a1712,#131922);}
.art-vs-top{display:flex; align-items:center; gap:9px; font-family:var(--font-display); font-weight:600; font-size:16px; color:var(--c-ink); margin-bottom:14px; flex-wrap:wrap;}
.art-vs-badge{font-family:var(--font-body); font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:4px 10px; border-radius:999px;}
.art-vs-yes .art-vs-badge{background:#0ea672; color:#fff;} .art-vs-no .art-vs-badge{background:#d5493a; color:#fff;}
.art-vs-col ul{list-style:none; margin:0; padding:0;}
.art-vs-col li{list-style:none; position:relative; padding:7px 0 7px 30px; font-family:var(--font-body); font-size:14.5px; line-height:1.45; color:var(--c-ink);}
.entry-content .art-vs-yes li::before{content:""; position:absolute; left:0; top:9px; width:20px; height:20px; border-radius:999px; background:#eafaf0
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='%230ea672' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;}
.entry-content .art-vs-no li::before{content:""; position:absolute; left:0; top:9px; width:20px; height:20px; border-radius:999px; background:#fdeee9
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M6 6l8 8M14 6l-8 8' stroke='%23d5493a' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;}
/* kalkulator wyceny */
.entry-content .art-calc{clear:both; margin:2em 0; border-radius:20px; overflow:hidden; border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); background:var(--c-paper,#fff); box-shadow:0 24px 54px -34px rgba(10,12,18,.4);}
.art-calc-h{background:var(--c-cream,#F5F7FA); border-bottom:1px solid var(--c-borderSoft,rgba(10,12,18,.08)); padding:16px 22px; font-family:var(--font-display); font-weight:600; font-size:17px; color:var(--c-ink);}
.art-calc-body{padding:20px 22px; display:grid; gap:18px;}
.art-calc-field{display:flex; flex-direction:column; gap:7px;} .art-calc-field span{font-family:var(--font-body); font-size:13px; font-weight:600; color:var(--c-inkMuted);}
.art-calc select{font-family:var(--font-body); font-size:15px; padding:12px 14px; border-radius:11px; border:1px solid var(--c-borderMid,rgba(10,12,18,.14)); background:var(--c-paper,#fff); color:var(--c-ink); cursor:pointer;}
.art-calc-adds{display:flex; flex-direction:column; gap:9px;} .art-calc-lbl{font-family:var(--font-body); font-size:13px; font-weight:600; color:var(--c-inkMuted); margin-bottom:2px;}
.art-calc-adds label{display:flex; align-items:center; gap:10px; font-family:var(--font-body); font-size:14.5px; color:var(--c-ink); cursor:pointer;}
.art-calc-adds input{width:18px; height:18px; accent-color:var(--c-mint,#2970df); cursor:pointer;}
.art-calc-out{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:18px 22px; background:var(--c-green,#0C0F16);}
.art-calc-out > div{display:flex; flex-direction:column;} .art-calc-out span{font-family:var(--font-body); font-size:12.5px; color:var(--c-onGreenMuted,rgba(245,247,250,.62));}
.art-calc-out b{font-family:var(--font-display); font-weight:600; font-size:clamp(22px,2.4vw,28px); color:var(--c-cream,#F5F7FA); letter-spacing:-.02em; line-height:1.1; font-variant-numeric:tabular-nums;}
.art-calc-out a{background:var(--c-copper,#ce4526); color:#fff; font-family:var(--font-body); font-weight:600; font-size:15px; padding:12px 22px; border-radius:999px; text-decoration:none; white-space:nowrap; box-shadow:0 1px 0 var(--c-copperDark,#c13415), 0 8px 20px -8px rgba(206,69,38,.5); transition:transform .15s;}
.art-calc-out a:hover{transform:translateY(-1px);}
.art-calc-note{padding:12px 22px; font-family:var(--font-body); font-size:12px; color:var(--c-inkMuted); background:var(--c-cream,#F5F7FA);}

/* ============ POLISH MENU (header nav — strony artykułu) ============ */
.lp-header{padding-block:6px;}
.lp-header .wp-block-navigation__container{gap:2px;}
.lp-header .wp-block-navigation-item__content{padding:8px 13px !important; border-radius:999px; font-size:15px; font-weight:500; transition:background .15s, color .15s;}
.lp-header .wp-block-navigation-item__content:hover,
.lp-header .wp-block-navigation-item:hover > .wp-block-navigation-item__content{background:var(--c-mintTint,#EAF2FF); color:var(--c-mintDeep,#1A5FD0);}
.lp-header .wp-block-navigation__submenu-icon{margin-left:3px;}
.lp-header .wp-block-navigation__submenu-container{min-width:210px !important; padding:8px !important; border-radius:16px !important; border:1px solid var(--c-borderSoft,rgba(10,12,18,.08)) !important; background:var(--c-paper,#fff) !important; box-shadow:0 24px 54px -28px rgba(10,12,18,.4) !important; margin-top:6px !important;}
.lp-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{display:block; padding:9px 14px !important; border-radius:10px; font-size:14.5px;}
.lp-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--c-cream,#F5F7FA);}
html.art-dark .lp-header .wp-block-navigation__submenu-container{background:#1b2230 !important;}
.entry-content .art-vs-col ul li{padding-left:30px;}
/* dropdowny ostatnich pozycji menu otwierają się w lewo (nie wychodzą poza ekran) */
.lp-header .wp-block-navigation__container > .wp-block-navigation-item:nth-last-child(-n+3) .wp-block-navigation__submenu-container{left:auto !important; right:0 !important;}

/* ============ MENU REDESIGN v2 — dwupoziomowy header ============ */
.lp-header{background:rgba(255,255,255,.96); border-bottom:1px solid var(--c-borderSoft,rgba(10,12,18,.08));}
html.art-dark .lp-header{background:rgba(18,24,34,.96);}
/* SINGLE-ROW (po konsolidacji do „Usługi" jest mało pozycji): logo | nav wyśrodkowany | telefon+CTA */
.lp-bar{flex-wrap:nowrap !important; align-items:center !important; padding-block:12px !important; max-width:1320px; margin-inline:auto; column-gap:20px;}
.lp-bar > .lp-logo{order:1; margin:0 !important; flex:0 0 auto;}
.lp-bar > .lp-nav{order:2; flex:0 1 auto; margin:0 auto !important; border:0 !important; padding:0 !important; min-width:0;}
.lp-bar > .wp-block-buttons{order:3; margin:0 !important; flex:0 0 auto;}
.lp-nav .wp-block-navigation__container{gap:4px !important; justify-content:center !important; flex-wrap:nowrap;}
@media (max-width:820px){ .lp-bar > .wp-block-buttons .lp-phone{display:none !important;} }

/* dropdowny ukryte przez display:none (nie visibility) → nie rozpychają strony na wąskich
   ekranach; pokaz na hover/focus. Tylko desktop (≥601) — mobile-overlay WP nietknięty. */
@media (min-width:601px){
  .lp-header .wp-block-navigation__submenu-container{display:none !important;}
  .lp-header .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
  .lp-header .wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container{display:block !important;}
}
/* ── MEGA-PANEL (hover) ── */
.lp-header .lp-has-mega .wp-block-navigation__submenu-container{min-width:340px !important; max-width:360px; padding:0 !important; overflow:hidden;}
.lp-mega{display:grid; grid-template-columns:auto 1fr; grid-template-areas:"ico txt" "go go"; gap:2px 15px; padding:18px 20px; text-decoration:none; color:var(--c-ink,#0A0C12);}
.lp-mega-ico{grid-area:ico; width:46px; height:46px; display:grid; place-items:center; border-radius:13px; background:var(--c-mintTint,#EAF2FF); color:var(--c-mintDeep,#1A5FD0); transition:background .18s, color .18s, transform .18s;}
.lp-mega-ico svg{width:25px; height:25px;}
.lp-mega-txt{grid-area:txt; display:flex; flex-direction:column; gap:3px; min-width:0;}
.lp-mega-txt b{font-family:var(--font-display); font-size:16.5px; font-weight:600; letter-spacing:-.01em; color:var(--c-ink,#0A0C12);}
.lp-mega-txt span{font-family:var(--font-body); font-size:13px; line-height:1.42; color:var(--c-inkMuted,#5b6472);}
.lp-mega-go{grid-area:go; margin-top:12px; font-family:var(--font-body); font-size:13.5px; font-weight:600; color:var(--c-copper,#ce4526); display:inline-flex; align-items:center; gap:7px;}
.lp-mega-go i{font-style:normal; transition:transform .18s;}
.lp-mega:hover{background:var(--c-cream,#F5F7FA);}
.lp-mega:hover .lp-mega-ico{background:var(--c-mintDeep,#1A5FD0); color:#fff; transform:scale(1.05);}
.lp-mega:hover .lp-mega-go i{transform:translateX(4px);}
html.art-dark .lp-mega{color:var(--c-ink,#eaf0f8);} html.art-dark .lp-mega:hover{background:#141a26;}
html.art-dark .lp-mega-txt b{color:var(--c-ink,#eaf0f8);}

/* ═══════════ MENU PREMIUM — belka / pigułki / CTA / telefon ═══════════ */
.lp-header{background:rgba(255,255,255,.9) !important; -webkit-backdrop-filter:saturate(1.6) blur(14px); backdrop-filter:saturate(1.6) blur(14px); border-bottom:1px solid rgba(10,12,18,.06) !important; box-shadow:0 16px 40px -32px rgba(10,12,18,.7);}
html.art-dark .lp-header{background:rgba(18,24,34,.86) !important; border-bottom-color:rgba(255,255,255,.07) !important;}
.lp-logo a{font-family:var(--font-display) !important; font-weight:700 !important; font-size:21px !important; letter-spacing:-.025em !important;}
/* nav item = pigułka + animowane podkreślenie gradientem */
.lp-header .wp-block-navigation-item__content{position:relative; padding:9px 15px !important; border-radius:12px !important; font-family:var(--font-body); font-size:15px !important; font-weight:500 !important; color:var(--c-ink,#0A0C12) !important; letter-spacing:-.01em; transition:color .18s, background .18s, transform .18s;}
.lp-header .wp-block-navigation-item__content::after{content:""; position:absolute; left:15px; right:15px; bottom:4px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--c-mint,#2970df),var(--c-mintDeep,#1A5FD0)); transform:scaleX(0); transform-origin:center; transition:transform .24s cubic-bezier(.2,.7,.2,1);}
.lp-header .wp-block-navigation-item:hover > .wp-block-navigation-item__content{color:var(--c-mintDeep,#1A5FD0) !important; background:var(--c-mintTint,#EAF2FF) !important; transform:translateY(-1px);}
.lp-header .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after{transform:scaleX(1);}
.lp-header .current-menu-item > .wp-block-navigation-item__content, .lp-header .current_page_item > .wp-block-navigation-item__content, .lp-header .current-menu-ancestor > .wp-block-navigation-item__content, .lp-header .lp-current > .wp-block-navigation-item__content{color:var(--c-mintDeep,#1A5FD0) !important; background:var(--c-mintTint,#EAF2FF) !important; font-weight:600 !important;}
.lp-header .lp-current > .wp-block-navigation-item__content::after{transform:scaleX(1);}
.lp-header .wp-block-navigation__submenu-icon{width:11px !important; opacity:.4; margin-left:2px !important; transition:transform .18s, opacity .18s;}
.lp-header .wp-block-navigation-item:hover .wp-block-navigation__submenu-icon{opacity:.9; transform:translateY(1px);}
/* CTA — mocne, przyciągające: gradient + shine + strzałka + cień */
.lp-cta .wp-block-button__link{position:relative; overflow:hidden; display:inline-flex !important; align-items:center; border:0 !important; border-radius:999px !important; padding:13px 24px !important; font-family:var(--font-body) !important; font-weight:600 !important; font-size:15px !important; color:#fff !important; background:linear-gradient(180deg,#e0623f,var(--c-copper,#ce4526)) !important; box-shadow:0 12px 24px -8px rgba(206,69,38,.6), inset 0 1px 0 rgba(255,255,255,.28) !important; transition:transform .16s, box-shadow .16s, filter .16s;}
.lp-cta-arrow{display:inline-block; margin-left:8px; transition:transform .2s;}
.lp-cta .wp-block-button__link::before{content:""; position:absolute; top:0; left:-90%; width:55%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent); transform:skewX(-20deg); transition:left .6s cubic-bezier(.2,.7,.2,1); pointer-events:none;}
.lp-cta:hover .wp-block-button__link{transform:translateY(-2px); box-shadow:0 18px 32px -10px rgba(206,69,38,.68), inset 0 1px 0 rgba(255,255,255,.32) !important; filter:brightness(1.04);}
.lp-cta:hover .wp-block-button__link::before{left:140%;}
.lp-cta:hover .lp-cta-arrow{transform:translateX(4px);}
/* telefon — pigułka z ikoną, dyskretna ale klikalna */
.lp-phone .wp-block-button__link{display:inline-flex !important; align-items:center; gap:8px; border-radius:999px !important; padding:11px 18px !important; font-family:var(--font-body) !important; font-weight:600 !important; font-size:14.5px !important; color:var(--c-ink,#0A0C12) !important; background:transparent !important; border:1px solid rgba(10,12,18,.14) !important; box-shadow:none !important; transition:border-color .16s, background .16s, color .16s;}
.lp-phone-ico{width:16px; height:16px; flex:0 0 auto; color:var(--c-mintDeep,#1A5FD0);}
.lp-phone:hover .wp-block-button__link{border-color:var(--c-mint,#2970df) !important; background:var(--c-mintTint,#EAF2FF) !important; color:var(--c-mintDeep,#1A5FD0) !important;}
.lp-phone:hover .lp-phone-ico{color:var(--c-mintDeep,#1A5FD0);}
html.art-dark .lp-phone .wp-block-button__link{border-color:rgba(255,255,255,.16) !important; color:var(--c-ink,#eaf0f8) !important;}
/* mega panel — głębszy cień + akcent */
.lp-header .lp-has-mega .wp-block-navigation__submenu-container{border:1px solid rgba(10,12,18,.07) !important; box-shadow:0 32px 64px -26px rgba(10,12,18,.5) !important; border-radius:18px !important; margin-top:10px !important;}

/* ═══════════ MEGA-MENU „Usługi" (wielokolumnowe: ikona + nazwa + opis) ═══════════ */
.lp-uslugi-top{cursor:pointer;}
/* panel: pozycja (fixed, wyśrodkowany na viewport, top=spód headera) ustawiana z JS
   [setProperty important]. Tu tylko wygląd. */
.lp-header .lp-uslugi .wp-block-navigation__submenu-container{width:min(960px,94vw) !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:16px !important; border-radius:20px !important; border:1px solid rgba(10,12,18,.07) !important; box-shadow:0 40px 80px -30px rgba(10,12,18,.55) !important; background:var(--c-paper,#fff) !important;}
/* layout: usługi (2-kol) | kolumna-akcent */
.lp-megagrid{display:grid !important; grid-template-columns:1fr 300px; gap:14px; align-items:stretch;}
.lp-mg-main{min-width:0;}
/* kolumna-akcent: wyróżniona karta z CTA */
.lp-mg-accent{display:flex; flex-direction:column; gap:9px; padding:20px; border-radius:16px; background:linear-gradient(155deg,var(--c-ink,#0A0C12),#1b2233); color:#fff; position:relative; overflow:hidden;}
.lp-mg-accent::before{content:""; position:absolute; top:-60px; right:-50px; width:180px; height:180px; background:radial-gradient(circle,rgba(41,112,223,.35),transparent 62%); pointer-events:none;}
.lp-mg-accent-ico{width:40px; height:40px; display:grid; place-items:center; border-radius:11px; background:rgba(255,255,255,.1); color:#8fb8ff; position:relative;}
.lp-mg-accent-ico svg{width:22px; height:22px;}
.lp-mg-accent b{font-family:var(--font-display); font-size:17px; font-weight:600; letter-spacing:-.01em; margin-top:2px; position:relative;}
.lp-mg-accent p{font-family:var(--font-body); font-size:13px; line-height:1.42; color:rgba(255,255,255,.72); margin:0; position:relative;}
.lp-mg-accent-list{list-style:none; margin:2px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; position:relative;}
.lp-mg-accent-list li{font-family:var(--font-body); font-size:12.5px; color:rgba(255,255,255,.88); display:flex; align-items:center; gap:8px;}
.lp-mg-accent-list li::before{content:""; flex:0 0 auto; width:15px; height:15px; border-radius:999px; background:var(--c-mint,#2970df) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E") center/9px no-repeat;}
.lp-mg-accent-cta{margin-top:auto; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:12px 16px; border-radius:999px; background:linear-gradient(180deg,#e0623f,var(--c-copper,#ce4526)); color:#fff !important; font-family:var(--font-body); font-weight:600; font-size:14px; text-decoration:none; box-shadow:0 10px 22px -8px rgba(206,69,38,.6); transition:transform .15s, filter .15s; position:relative;}
.lp-mg-accent-cta i{font-style:normal; transition:transform .18s;}
.lp-mg-accent-cta:hover{transform:translateY(-1px); filter:brightness(1.05);} .lp-mg-accent-cta:hover i{transform:translateX(3px);}
.lp-mg-accent-tel{text-align:center; font-family:var(--font-body); font-size:12px; color:rgba(255,255,255,.6) !important; text-decoration:none; position:relative;}
.lp-mg-accent-tel:hover{color:#fff !important;}
@media (max-width:600px){ .lp-megagrid{grid-template-columns:1fr !important;} .lp-mg-accent{margin-top:8px;} }
/* hover-bridge: niewidzialny pas nad panelem (przerwa 8px nie gubi hovera) */
.lp-header .lp-uslugi .wp-block-navigation__submenu-container::before{content:""; position:absolute; top:-14px; left:0; right:0; height:16px;}
/* delikatne otwarcie (opacity — nie koliduje z inline transform z JS) */
.lp-header .lp-uslugi:hover > .wp-block-navigation__submenu-container, .lp-header .lp-uslugi:focus-within > .wp-block-navigation__submenu-container{animation:lpMegaIn .16s ease both;}
@keyframes lpMegaIn{from{opacity:0;} to{opacity:1;}}
/* roomier komórki przy szerszym panelu */
.lp-mg-cell{padding:14px 16px;}
.lp-mg-grid{display:grid; grid-template-columns:1fr 1fr; gap:2px;}
.lp-mg-cell{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; padding:12px 14px; border-radius:14px; text-decoration:none; color:var(--c-ink,#0A0C12); transition:background .16s;}
.lp-mg-cell:hover{background:var(--c-cream,#F5F7FA);}
.lp-mg-current{background:var(--c-mintTint,#EAF2FF);}
.lp-mg-ico{width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; background:var(--c-mintTint,#EAF2FF); color:var(--c-mintDeep,#1A5FD0); transition:background .16s, color .16s;}
.lp-mg-ico svg{width:22px; height:22px;}
.lp-mg-cell:hover .lp-mg-ico{background:var(--c-mintDeep,#1A5FD0); color:#fff;}
.lp-mg-txt{display:flex; flex-direction:column; gap:2px; min-width:0;}
.lp-mg-txt b{font-family:var(--font-display); font-size:15.5px; font-weight:600; letter-spacing:-.01em; color:var(--c-ink,#0A0C12);}
.lp-mg-txt span{font-family:var(--font-body); font-size:12.5px; line-height:1.35; color:var(--c-inkMuted,#5b6472);}
.lp-mg-arr{opacity:0; color:var(--c-copper,#ce4526); font-weight:700; transform:translateX(-5px); transition:opacity .16s, transform .16s;}
.lp-mg-cell:hover .lp-mg-arr{opacity:1; transform:none;}
.lp-mg-foot{display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:10px; padding:14px 18px; border-radius:14px; background:linear-gradient(120deg,var(--c-ink,#0A0C12),#1b2233); color:#fff; text-decoration:none; transition:filter .16s;}
.lp-mg-foot:hover{filter:brightness(1.14);}
.lp-mg-foot span{font-family:var(--font-body); font-size:13px; color:rgba(255,255,255,.72);}
.lp-mg-foot b{font-family:var(--font-body); font-size:14px; color:#fff; white-space:nowrap;}
html.art-dark .lp-mg-cell{color:var(--c-ink,#eaf0f8);} html.art-dark .lp-mg-cell:hover{background:#141a26;}
html.art-dark .lp-mg-txt b{color:var(--c-ink,#eaf0f8);}
html.art-dark .lp-header .lp-uslugi .wp-block-navigation__submenu-container{background:#161d29 !important;}
@media (max-width:600px){ .lp-mg-grid{grid-template-columns:1fr;} .lp-header .lp-uslugi .wp-block-navigation__submenu-container{width:auto !important; transform:none !important; left:0 !important; top:auto !important; box-shadow:none !important; border:0 !important; padding:4px 0 !important; background:transparent !important;} }
/* KRYTYCZNE: backdrop-filter na .lp-header tworzy containing-block dla position:fixed →
   overlay wypełniałby header (86px) zamiast ekranu. Na mobile zdejmujemy. */
@media (max-width:781px){ .lp-header{-webkit-backdrop-filter:none !important; backdrop-filter:none !important;} }
/* mobile hamburger overlay: pełnoekranowy, solidne tło, scrollowalny (był przezroczysty) */
.lp-nav .wp-block-navigation__responsive-container.is-menu-open{position:fixed !important; inset:0 !important; background:var(--c-paper,#fff) !important; z-index:100 !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch;}
.lp-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:76px 22px 32px !important; width:100% !important;}
.lp-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:2px !important; align-items:stretch !important;}
.lp-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:18px !important; padding:12px 6px !important;}
.lp-nav .wp-block-navigation__responsive-container.is-menu-open .lp-mg-cell{padding:12px 10px !important;}
html.art-dark .lp-nav .wp-block-navigation__responsive-container.is-menu-open{background:#12181f !important;}
/* czystsze pozycje + carety przy etykiecie */
.lp-header .wp-block-navigation-item{display:flex; align-items:center;}
.lp-header .wp-block-navigation-item__content{display:inline-flex; align-items:center; gap:5px; letter-spacing:-.01em;}
.lp-header .wp-block-navigation__submenu-icon{margin:0 !important; width:14px; opacity:.5;}
.lp-header .wp-block-navigation-item:hover .wp-block-navigation__submenu-icon{opacity:1;}
/* logo z akcentem */
.lp-header .lp-logo a{background:linear-gradient(90deg,var(--c-ink,#0A0C12),var(--c-ink,#0A0C12)); -webkit-background-clip:text; background-clip:text;}