/* ==========================================================================
   PrestigeCar Modules - custom.css (Claude). Wersja pliku = PCN_VERSION w
   prestigecar-modules.php -> po każdej zmianie podbić wersję wtyczki!
   Zmienne --pcn-* nadpisuje Jack w vars.css (ładuje się PO tym pliku).
   Cały CSS działa wyłącznie na klasy pcn-* (+ .fl-row.pcn-* dla wierszy BB).
   ========================================================================== */

:root{
  --pcn-font:'Poppins',sans-serif;
  --pcn-bg:#111111;
  --pcn-text:#ffffff;
  --pcn-muted:#a9a6a8;
  --pcn-accent:#ff943c;
  --pcn-accent-2:#ee6e33;
  --pcn-accent-grad:linear-gradient(135deg,#ffa652 0%,#ee6e33 100%);
  --pcn-card:rgba(255,255,255,.035);
  --pcn-line:rgba(255,255,255,.55);
  --pcn-line-soft:rgba(255,255,255,.14);
  --pcn-radius:10px;
  --pcn-input-bg:#0d0d0d;
  --pcn-glow-strength:.30;      /* siła pomarańczowej poświaty za hero/kalkulatorem */
  --pcn-border-spin:2.8s;       /* czas obrotu obwódki na zdjęciu hero */
  --pcn-section-pad:70px;
}

/* ---------- ADAPTER DO MOTYWU prestigecar.nl (zmierzone w DOM 16.09.2026) ----------
   Motyw narzuca na każdy element w <main>:
     main * { font-size: var(--font-size) !important; font-family: var(--font-text); font-weight: 400 }
   plus selektory z ID (#dd#dd ... input { font-weight: 700 }) i #main li { --font-size: ... }.
   Dlatego:
   - rozmiar pisma ustawiamy przez zmienną --font-size (z !important, bo motyw używa ID) - każda
     nasza deklaracja font-size ma obok siebie --font-size (generowane, nie usuwać);
   - --min-font-size = dolna granica skalowania motywu na węższych ekranach (<1739px);
   - font-family i font-weight ustawiamy jawnie na wszystkich potomkach .pcn. */
.pcn,.pcn *{font-family:var(--pcn-font)}
.pcn *{font-weight:inherit}
.pcn b,.pcn strong{font-weight:600}
/* motyw ustawia --font-size także na li/label itd. (#main li) - u nas te elementy dziedziczą po rodzicu;
   :where() = specyficzność (0,0,1), więc każda nasza reguła klasowa z własnym --font-size nadal wygrywa */
:where(.pcn) :is(li,span,div,a,b,strong,i,em,td,th,figure){--font-size:inherit!important;--min-font-size:inherit!important}
.pcn input,.pcn select,.pcn textarea,.pcn button{font-family:var(--pcn-font)!important;font-weight:400!important}
.pcn button{font-weight:600!important}
/* Listy: motyw rysuje własne znaczniki (kółko z ptaszkiem, pozycjonowane absolutnie) i paddingi na li - resetujemy. */
.pcn ul,.pcn ol{list-style:none!important;margin:0!important;padding:0!important}
.pcn li{list-style:none!important;padding:0!important;margin:0!important;position:static!important;background:none!important}
.pcn li::marker{content:""}
.pcn li::before,.pcn li::after{background:none!important;background-image:none!important;width:auto!important;height:auto!important;position:static!important;border:0!important;border-radius:0!important;transform:none!important;top:auto!important;left:auto!important;margin:0!important;padding:0!important;font-size:inherit!important;line-height:inherit!important}
.pcn li::after{content:none!important}
.pcn-list li::before{content:"+"!important;color:var(--pcn-accent)!important;font-weight:600!important;display:inline!important;flex:0 0 auto}
/* Pola formularzy: motyw narzuca wysokość/line-height (placeholder "przyklejony" do dołu) - wyrównujemy. */
.pcn-in input,.pcn-in select,.pcn textarea{height:auto!important;min-height:0!important;line-height:1.4!important;padding:15px 18px!important;vertical-align:middle;box-sizing:border-box!important}
.pcn-in select{padding-right:44px!important}
.pcn-in input,.pcn-in select,.pcn textarea{background-color:var(--pcn-input-bg)!important;background-image:none;border:1px solid var(--pcn-line-soft)!important;border-radius:var(--pcn-radius)!important;color:#fff!important;box-shadow:none!important}
.pcn-in select{background-image:none!important;background:var(--pcn-input-bg)!important}
/* strzałka selecta: jeden pomarańczowy trójkąt w dół (jak w stepperze), rysowany przez wrapper - motyw podmienia tło selecta */
.pcn-in--select::after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--pcn-accent);pointer-events:none}
.pcn-in input:focus,.pcn-in select:focus,.pcn textarea:focus{border-color:var(--pcn-accent)!important;box-shadow:0 0 0 3px rgba(255,148,60,.18)!important}
/* Pola liczbowe: natywne strzałki schowane, własny stepper (JS dokłada .pcn-step) w stylu motywu. */
.pcn-in input[type=number]{-moz-appearance:textfield;appearance:textfield}
.pcn-in input[type=number]::-webkit-outer-spin-button,.pcn-in input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pcn-step{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}
.pcn-step button{width:26px;height:16px;padding:0!important;margin:0;border:1px solid var(--pcn-line-soft)!important;border-radius:5px!important;background:rgba(255,255,255,.05)!important;color:var(--pcn-muted)!important;cursor:pointer;line-height:1;display:grid;place-items:center;box-shadow:none!important;transition:.15s;min-height:0!important;height:16px!important}
.pcn-step button::before{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid currentColor}
.pcn-step button[data-step="-1"]::before{border-bottom:0;border-top:5px solid currentColor}
.pcn-step button:hover{border-color:var(--pcn-accent)!important;color:var(--pcn-accent)!important;background:rgba(255,148,60,.1)!important}
.pcn-in:has(.pcn-step) input{padding-right:48px!important}
.pcn-in:has(.pcn-step) .pcn-unit{right:48px}
.pcn-in input::placeholder,.pcn textarea::placeholder{color:rgba(255,255,255,.45);opacity:1;line-height:inherit}
/* Checkbox zgody: motyw chowa natywne checkboxy - przywracamy. */
.pcn-check input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;position:static!important;opacity:1!important;visibility:visible!important;display:inline-block!important;width:18px!important;height:18px!important;margin:5px 0 0!important;padding:0!important;pointer-events:auto!important;clip:auto!important;clip-path:none!important}
/* Odstępy akapitów: motyw zeruje/ustawia marginesy p z wyższą specyficznością. */
.pcn p{margin:0!important}
.pcn .pcn-lead{margin-top:12px!important}
.pcn .pcn-hero__lead{margin-top:22px!important}
.pcn .pcn-legal{margin-top:16px!important}
.pcn .pcn-tiers-note{margin-top:22px!important}
.pcn .pcn-hint{margin-top:4px!important}
.pcn .pcn-card .pcn-sub{margin-bottom:26px!important}
.pcn .pcn-faq__a p{margin:0 0 10px!important}
.pcn .pcn-faq__a p:last-child{margin:0!important}

/* ---------- baza modułów ---------- */
.pcn,.pcn *{box-sizing:border-box}
.pcn{font-family:var(--pcn-font);color:var(--pcn-text);font-size:18px;--font-size:18px!important;--min-font-size:15.3px!important;line-height:1.65;font-weight:300}
.pcn h1,.pcn h2,.pcn h3,.pcn h4{margin:0;font-family:var(--pcn-font);color:var(--pcn-text);line-height:1.15}
.pcn h1{font-size:clamp(34px,4.1vw,54px);--font-size:clamp(34px,4.1vw,54px)!important;--min-font-size:34px!important;font-weight:700;letter-spacing:-.01em}
.pcn h2{font-size:clamp(30px,4vw,48px);--font-size:clamp(30px,4vw,48px)!important;--min-font-size:30px!important;font-weight:600}
.pcn h3{font-size:22px;--font-size:22px!important;--min-font-size:18.7px!important;font-weight:600}
.pcn p{margin:0}
.pcn a{color:inherit}
.pcn-accent{color:var(--pcn-accent)}
.pcn-muted{color:var(--pcn-muted)}
.pcn-lead{font-size:20px;--font-size:20px!important;--min-font-size:17px!important;color:var(--pcn-muted);max-width:760px;margin-top:12px}

.pcn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--pcn-font);font-weight:600;font-size:17px;--font-size:17px!important;--min-font-size:14.45px!important;border-radius:var(--pcn-radius);padding:16px 30px;border:1px solid var(--pcn-line);background:transparent;color:#fff;text-decoration:none;cursor:pointer;transition:.2s;line-height:1.2}
/* motyw: .fl-module a:hover{color:var(--dc1)} jest bardziej szczegółowe - kolor tekstu przycisków z !important */
.pcn-btn:hover,.pcn-btn:active,.pcn-btn:focus-visible{border-color:var(--pcn-accent);color:var(--pcn-accent)!important;text-decoration:none}
.pcn-btn--primary{position:relative;background:var(--pcn-accent-grad);border-color:transparent;color:#fff!important;box-shadow:0 8px 30px rgba(238,110,51,.35)}
/* hover jak w nagłówku: bez wypełnienia, sam obrys (gradientowy - pseudoelement z maską), tekst pomarańczowy */
.pcn-btn--primary::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--pcn-accent-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s;pointer-events:none}
.pcn-btn--primary:hover,.pcn-btn--primary:active,.pcn-btn--primary:focus-visible{background:transparent;box-shadow:none;color:var(--pcn-accent)!important}
.pcn-btn--primary:hover::before,.pcn-btn--primary:active::before,.pcn-btn--primary:focus-visible::before{opacity:1}
.pcn-btn--wide{width:100%}

.pcn-card{background:var(--pcn-card);border:1px solid var(--pcn-line);border-radius:var(--pcn-radius);padding:34px}
.pcn-card h3{margin-bottom:6px}
.pcn-card .pcn-sub{color:var(--pcn-muted);font-size:15px;--font-size:15px!important;--min-font-size:15px!important;margin-bottom:26px}
.pcn-hint{font-size:13.5px;--font-size:13.5px!important;--min-font-size:13.5px!important;color:var(--pcn-muted);line-height:1.5}

/* ---------- wiersze Beavera: odstępy i poświata (klasy w Ustawienia wiersza -> Zaawansowane) ----------
   Beaver dokłada padding na 3 poziomach (.fl-row-content-wrap, .fl-col-content, .fl-module-content),
   dlatego celujemy w .fl-row-content-wrap wiersza z klasą, a nie w sam .fl-row. */
.fl-row.pcn-section > .fl-row-content-wrap{padding-top:var(--pcn-section-pad);padding-bottom:var(--pcn-section-pad)}
.fl-row.pcn-section--sm > .fl-row-content-wrap{padding-top:calc(var(--pcn-section-pad) * .5);padding-bottom:calc(var(--pcn-section-pad) * .5)}
.fl-row.pcn-section--first > .fl-row-content-wrap{padding-top:30px}
.fl-row.pcn-section--no-top > .fl-row-content-wrap{padding-top:0}
.fl-row.pcn-section--no-bottom > .fl-row-content-wrap{padding-bottom:0}

/* Poświata: klasa pcn-glow na wierszu hero. Rozlewa się w dół na kolejne wiersze (height 220%),
   z-index -1 wewnątrz kontekstu wiersza, a kolejne wiersze dostają z-index:1, więc ich treść
   maluje się nad poświatą, a tło (przezroczyste) ją przepuszcza -> brak ostrego cięcia. */
.fl-builder-content:has(.fl-row.pcn-glow){overflow-x:clip}
.fl-row.pcn-glow{position:relative;z-index:1}
.fl-row.pcn-glow::before{content:"";position:absolute;z-index:-1;top:-10%;right:-25%;width:75%;height:220%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(238,110,51,var(--pcn-glow-strength)) 0%,rgba(238,110,51,calc(var(--pcn-glow-strength) * .47)) 30%,rgba(238,110,51,calc(var(--pcn-glow-strength) * .13)) 55%,transparent 72%)}
.fl-row.pcn-glow ~ .fl-row{position:relative;z-index:1}

/* ==========================================================================
   HERO
   ========================================================================== */
.pcn-hero__grid{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:stretch}
.pcn-hero__lead{font-size:20px;--font-size:20px!important;--min-font-size:17px!important;color:var(--pcn-muted);max-width:620px;margin-top:22px}
.pcn-steps-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px;max-width:640px}
.pcn-steps-mini__item{display:flex;gap:14px;align-items:center;font-size:15px;--font-size:15px!important;--min-font-size:15px!important;font-weight:400;padding:14px 16px;border:1px solid var(--pcn-line-soft);border-radius:var(--pcn-radius);background:rgba(255,255,255,.025);transition:.25s}
.pcn-steps-mini__item:hover{border-color:rgba(255,148,60,.6);background:rgba(255,148,60,.06);transform:translateY(-2px)}
.pcn-steps-mini__item b{color:var(--pcn-accent);font-size:22px;--font-size:22px!important;--min-font-size:18.7px!important;font-weight:600;line-height:1;min-width:34px}
.pcn-steps-mini__item span{display:block;color:var(--pcn-muted);font-size:12.5px;--font-size:12.5px!important;--min-font-size:12.5px!important;font-weight:300;margin-top:2px}

/* Zdjęcie: wypełnia wysokość kolumny tekstowej; bez box-shadow (czarny cień na #111 = banding).
   Obwódka: conic-gradient na pseudoelemencie obcięty maską do 1.5px ramki; obrót przez
   zarejestrowaną zmienną (@property) - animowanie background-position nie działa przy !important. */
@property --pcn-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.pcn-hero__img{position:relative;display:block;height:100%;min-height:420px;width:100%;border-radius:var(--pcn-radius);isolation:isolate;margin:0}
.pcn-hero__img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--pcn-radius)}
.pcn-hero__img::before,.pcn-hero__img::after{content:"";position:absolute;inset:-1px;border-radius:calc(var(--pcn-radius) + 1px);pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.pcn-hero__img::before{padding:1px;background:rgba(255,255,255,.14)}
.pcn-hero__img::after{padding:1.5px;opacity:0;transition:opacity .5s;
  background:conic-gradient(from var(--pcn-a),transparent 0deg,transparent 200deg,#ffa652 260deg,#ee6e33 300deg,transparent 360deg)}
.pcn-hero--spin .pcn-hero__img:hover::after{opacity:1;animation:pcn-spin var(--pcn-border-spin) linear infinite}
@keyframes pcn-spin{to{--pcn-a:360deg}}

/* ==========================================================================
   KALKULATOR
   ========================================================================== */
.pcn-calc__grid{display:grid;grid-template-columns:1fr 480px;gap:32px;align-items:start}
.pcn-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.pcn-field{display:flex;flex-direction:column;gap:8px}
.pcn-field--full{grid-column:1/-1}
.pcn-label{font-size:15px;--font-size:15px!important;--min-font-size:15px!important;font-weight:500;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--pcn-text)}
.pcn-label small{color:var(--pcn-muted);font-weight:300}
.pcn-in{position:relative}
.pcn-in input,.pcn-in select,.pcn textarea{width:100%;font-family:var(--pcn-font);font-size:18px;--font-size:18px!important;--min-font-size:15.3px!important;font-weight:400;color:#fff;background:var(--pcn-input-bg);border:1px solid var(--pcn-line-soft);border-radius:var(--pcn-radius);padding:15px 18px;outline:none;transition:.2s;appearance:none;-webkit-appearance:none;margin:0;line-height:1.4;box-shadow:none;height:auto}
.pcn-in input:focus,.pcn-in select:focus,.pcn textarea:focus{border-color:var(--pcn-accent);box-shadow:0 0 0 3px rgba(255,148,60,.18)}
.pcn-in .pcn-unit{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--pcn-muted);font-size:15px;--font-size:15px!important;--min-font-size:15px!important;pointer-events:none}
.pcn-in select{padding-right:44px}
.pcn-in select option{background:#111;color:#fff}
.pcn textarea{min-height:130px;resize:vertical}
.pcn-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pcn-seg--2{grid-template-columns:repeat(2,1fr)}
.pcn-seg--3{grid-template-columns:repeat(3,1fr)}
.pcn-seg label{cursor:pointer;border:1px solid var(--pcn-line-soft);border-radius:var(--pcn-radius);padding:12px 6px;display:flex;justify-content:center;text-align:center;font-weight:400;font-size:15px;--font-size:15px!important;--min-font-size:15px!important;transition:.2s;background:var(--pcn-input-bg);margin:0;color:#fff}
.pcn-seg input{position:absolute;opacity:0;pointer-events:none}
.pcn-seg input:checked+label{border-color:var(--pcn-accent);color:var(--pcn-accent);background:rgba(255,148,60,.08)}
.pcn-warn{display:none;margin-top:6px;border:1px solid rgba(255,148,60,.5);background:rgba(255,148,60,.08);border-radius:var(--pcn-radius);padding:12px 16px;font-size:15px;--font-size:15px!important;--min-font-size:15px!important}
.pcn-warn.is-show{display:block}
.pcn-warn b{color:var(--pcn-accent);font-weight:600}

.pcn-result{position:sticky;top:90px}
.pcn-result .pcn-card{padding:30px 30px 26px;background:linear-gradient(180deg,rgba(255,148,60,.10),rgba(255,255,255,.03) 40%);border-color:var(--pcn-accent)}
.pcn-rows{display:flex;flex-direction:column;margin:18px 0 6px}
.pcn-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--pcn-line-soft);font-size:16px;--font-size:16px!important;--min-font-size:13.6px!important}
.pcn-row:last-child,.pcn-row.is-last{border-bottom:0}
.pcn-row.is-hidden{display:none}
.pcn-row__l{display:flex;flex-direction:column;gap:2px}
.pcn-row__l small{color:var(--pcn-muted);font-size:13px;--font-size:13px!important;--min-font-size:13px!important;font-weight:300}
.pcn-row__l small a{color:var(--pcn-accent)}
.pcn-row__v{font-weight:500;white-space:nowrap;text-align:right}
.pcn-row.is-off .pcn-row__v,.pcn-row.is-off .pcn-row__l{opacity:.45;text-decoration:line-through}
.pcn-row.is-off .pcn-row__l small{text-decoration:none}
.pcn-total{margin-top:14px;padding-top:18px;border-top:1px solid var(--pcn-accent)}
.pcn-total__lbl{font-size:15px;--font-size:15px!important;--min-font-size:15px!important;color:var(--pcn-muted)}
.pcn-total__sum{font-size:38px;--font-size:38px!important;--min-font-size:27.36px!important;font-weight:700;line-height:1;color:var(--pcn-accent)}
.pcn-total__note{font-size:15px;--font-size:15px!important;--min-font-size:15px!important;color:var(--pcn-muted);margin-top:8px}
.pcn-row--fee{border-top:1px solid var(--pcn-line-soft);margin-top:12px}
.pcn-result .pcn-btn{margin-top:22px}
.pcn-legal{font-size:12.5px;--font-size:12.5px!important;--min-font-size:12.5px!important;color:var(--pcn-muted);margin-top:14px;line-height:1.5}

.pcn-tiers-wrap{margin-top:56px}
.pcn-tiers{display:grid;grid-template-columns:repeat(var(--pcn-tiers-cols,5),1fr);gap:12px;margin-top:28px}
.pcn-tier{border:1px solid var(--pcn-line-soft);border-radius:var(--pcn-radius);padding:18px 16px;background:var(--pcn-card);transition:.2s}
.pcn-tier__r{font-size:14px;--font-size:14px!important;--min-font-size:14px!important;color:var(--pcn-muted)}
.pcn-tier__f{font-size:26px;--font-size:26px!important;--min-font-size:18.72px!important;font-weight:600;margin-top:4px}
.pcn-tier.is-on{border-color:var(--pcn-accent);background:rgba(255,148,60,.08)}
.pcn-tier.is-on .pcn-tier__f{color:var(--pcn-accent)}
.pcn-tiers-note{margin-top:14px;font-size:15px;--font-size:15px!important;--min-font-size:15px!important;color:var(--pcn-muted)}
.pcn-tiers-note b{color:#fff;font-weight:500}

/* ==========================================================================
   KROKI ("Jak działamy")
   ========================================================================== */
.pcn-steps__head{margin-bottom:40px}
/* wariant: oś czasu */
.pcn-timeline{position:relative;display:flex;flex-direction:column}
.pcn-timeline::before{content:"";position:absolute;left:39px;top:40px;bottom:40px;width:1px;background:linear-gradient(180deg,var(--pcn-accent),rgba(255,148,60,.15))}
.pcn-tl__item{display:grid;grid-template-columns:80px 1fr;gap:26px;padding:26px 0}
.pcn-tl__num{width:80px;height:80px;border-radius:50%;border:1px solid var(--pcn-accent);background:var(--pcn-bg);display:grid;place-items:center;font-size:26px;--font-size:26px!important;--min-font-size:18.72px!important;font-weight:600;color:var(--pcn-accent);position:relative;z-index:1}
.pcn-tl__body{border:1px solid var(--pcn-line-soft);border-radius:var(--pcn-radius);padding:28px 32px;background:var(--pcn-card);display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;align-items:start}
.pcn-tl__body h3{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pcn-tag{font-size:13px;--font-size:13px!important;--min-font-size:13px!important;font-weight:500;color:var(--pcn-accent);border:1px solid rgba(255,148,60,.5);border-radius:6px;padding:2px 10px;line-height:1.6}
.pcn-tl__body p{color:var(--pcn-muted);font-size:16px;--font-size:16px!important;--min-font-size:13.6px!important}
.pcn-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:16px;--font-size:16px!important;--min-font-size:13.6px!important}
.pcn-list li{display:flex;gap:10px;align-items:flex-start;margin:0;padding:0}
.pcn-list li::before{content:"+";color:var(--pcn-accent);font-weight:600;flex:0 0 auto}
/* wariant: cztery karty */
.pcn-steps-grid{display:grid;grid-template-columns:repeat(var(--pcn-steps-cols,4),1fr);gap:18px}
.pcn-step-card{border:1px solid var(--pcn-line-soft);border-radius:var(--pcn-radius);padding:30px 26px;background:var(--pcn-card);position:relative;overflow:hidden;transition:.25s}
.pcn-step-card:hover{border-color:var(--pcn-accent);transform:translateY(-4px)}
.pcn-step-card__n{font-size:64px;--font-size:64px!important;--min-font-size:46.08px!important;font-weight:700;color:var(--pcn-accent);line-height:1;opacity:.9}
.pcn-step-card h3{margin:14px 0 8px;font-size:20px;--font-size:20px!important;--min-font-size:17px!important}
.pcn-step-card p{color:var(--pcn-muted);font-size:15.5px;--font-size:15.5px!important;--min-font-size:13.17px!important}
.pcn-step-card .pcn-list{margin-top:var(--pcn-step-list-gap,22px)!important;font-size:15px;--font-size:15px!important;--min-font-size:15px!important;gap:6px}
.pcn-step-card .pcn-tag{display:inline-block;margin-top:16px}

/* ==========================================================================
   FAQ - odwzorowanie akordeonu z homepage prestigecar.nl (zmierzone w DOM)
   ========================================================================== */
.pcn-faq__head{text-align:center;margin-bottom:56px}
.pcn-faq__grid{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:0;align-items:start}
.pcn-faq__grid--1{grid-template-columns:1fr;max-width:1000px;margin:0 auto}
.pcn-faq details{margin:0 0 30px;border:2px solid #4a4849;border-radius:23px;overflow:hidden;transition:border-color .25s;
  background:linear-gradient(97deg,rgb(72,72,72) -62.94%,rgba(72,72,72,.9) -62.92%,rgba(90,90,90,0) 54.42%,rgba(72,72,72,.9) 174.24%)}
.pcn-faq details:hover{border-color:#6a6668}
.pcn-faq details[open]{border-color:var(--pcn-accent)}
.pcn-faq summary{list-style:none;cursor:pointer;min-height:108px;padding:20px 110px 20px 70px;display:flex;align-items:center;font-size:20px;--font-size:20px!important;--min-font-size:17px!important;font-weight:400;line-height:1.3;position:relative;color:#fff}
.pcn-faq summary::-webkit-details-marker{display:none}
.pcn-faq summary::after{content:"";position:absolute;right:56px;top:50%;width:26px;height:26px;transform:translateY(-50%);transition:transform .3s;
  background:linear-gradient(var(--pcn-accent),var(--pcn-accent)) center/100% 2px no-repeat,linear-gradient(var(--pcn-accent),var(--pcn-accent)) center/2px 100% no-repeat}
.pcn-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.pcn-faq__a{padding:0 70px 30px;font-size:18px;--font-size:18px!important;--min-font-size:15.3px!important;color:rgba(255,255,255,.85);line-height:1.6}
.pcn-faq__a p{margin:0 0 10px}
.pcn-faq__a p:last-child{margin:0}
.pcn-faq__a b,.pcn-faq__a strong{color:#fff;font-weight:500}

/* ==========================================================================
   FORMULARZ ZAPYTANIA
   ========================================================================== */
.pcn-form__head{margin-bottom:36px}
.pcn-form__grid{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
.pcn-form__card{padding:38px}
.pcn-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}
.pcn-mode input{position:absolute;opacity:0;pointer-events:none}
.pcn-mode label{cursor:pointer;border:1px solid var(--pcn-line-soft);border-radius:var(--pcn-radius);padding:18px 20px;display:flex;flex-direction:column;gap:4px;background:var(--pcn-input-bg);transition:.2s;font-weight:500;font-size:17px;--font-size:17px!important;--min-font-size:14.45px!important;margin:0;color:#fff;text-align:center;align-items:center}
.pcn-mode label small{color:var(--pcn-muted);font-weight:300;font-size:14px;--font-size:14px!important;--min-font-size:14px!important}
.pcn-mode input:checked+label{border-color:var(--pcn-accent);background:rgba(255,148,60,.08);color:var(--pcn-accent)}
.pcn-mode input:checked+label small{color:#fff}
.pcn-pane{display:none}
.pcn-pane.is-on{display:block}
.pcn-form fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}
.pcn-form legend{font-size:15px;--font-size:15px!important;--min-font-size:15px!important;font-weight:600;color:var(--pcn-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;padding:0}
.pcn-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px 22px}
.pcn-range{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;color:var(--pcn-muted)}
.pcn-chips{display:flex;flex-wrap:wrap;gap:8px}
.pcn-chips input{position:absolute;opacity:0;pointer-events:none}
.pcn-chips label{cursor:pointer;border:1px solid var(--pcn-line-soft);border-radius:999px;padding:8px 16px;font-size:14.5px;--font-size:14.5px!important;--min-font-size:14.5px!important;font-weight:400;background:var(--pcn-input-bg);transition:.2s;margin:0;color:#fff}
.pcn-chips input:checked+label{border-color:var(--pcn-accent);color:var(--pcn-accent);background:rgba(255,148,60,.08)}
.pcn-check{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;--font-size:14.5px!important;--min-font-size:14.5px!important;color:var(--pcn-muted);font-weight:300;cursor:pointer;margin:0}
.pcn-check input{margin:5px 0 0;accent-color:var(--pcn-accent);width:18px;height:18px;flex:0 0 auto;appearance:auto;-webkit-appearance:auto}
.pcn-check a{color:var(--pcn-accent)}
.pcn-req{color:var(--pcn-accent)}
.pcn-submit-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:6px}
.pcn-submit-row .pcn-hint{max-width:420px}
.pcn-form__err{display:none;margin:0 0 18px;border:1px solid rgba(255,90,90,.6);background:rgba(255,90,90,.08);border-radius:var(--pcn-radius);padding:12px 16px;font-size:15px;--font-size:15px!important;--min-font-size:15px!important}
.pcn-form__err.is-show{display:block}
/* pola niewypełnione po kliknięciu "Wyślij": czerwona ramka (adapter motywu ma border z !important, więc tu też) */
.pcn-in input.is-invalid,.pcn-in select.is-invalid,.pcn textarea.is-invalid{border-color:#ff5a5a!important;box-shadow:0 0 0 3px rgba(255,90,90,.18)!important}
.pcn-check input.is-invalid{outline:2px solid #ff5a5a!important;outline-offset:2px}
.pcn-check:has(input.is-invalid){color:#ff8a8a}
.pcn-form--simple .pcn-only-full{display:none}
.pcn-form--full .pcn-only-simple{display:none}
.pcn-hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
/* sukces */
.pcn-success{display:none;text-align:center;padding:40px 20px}
.pcn-success__ok{width:76px;height:76px;border-radius:50%;border:1px solid var(--pcn-accent);display:grid;place-items:center;margin:0 auto 20px;color:var(--pcn-accent);font-size:34px;--font-size:34px!important;--min-font-size:24.48px!important}
.pcn-success h3{font-size:26px;--font-size:26px!important;--min-font-size:18.72px!important}
.pcn-success p{color:var(--pcn-muted);margin-top:10px}
.pcn-form.is-sent .pcn-form__inner{display:none}
.pcn-form.is-sent .pcn-success{display:block}
/* boczna kolumna */
.pcn-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.pcn-side .pcn-card{padding:28px}
.pcn-side h3{font-size:19px;--font-size:19px!important;--min-font-size:16.15px!important}
.pcn-calc-summary{display:none}
.pcn-calc-summary.is-on{display:block}
.pcn-calc-summary .pcn-rows{margin-top:14px}
.pcn-calc-summary .pcn-row{font-size:15px;--font-size:15px!important;--min-font-size:15px!important;padding:9px 0}
.pcn-calc-summary .pcn-total{margin-top:10px;padding-top:12px}
.pcn-calc-summary .pcn-total__sum{font-size:28px;--font-size:28px!important;--min-font-size:20.16px!important}
.pcn-contact p{color:var(--pcn-muted);font-size:15px;--font-size:15px!important;--min-font-size:15px!important;margin-top:8px}
.pcn-contact a.pcn-big{display:block;color:#fff;font-weight:600;font-size:20px;--font-size:20px!important;--min-font-size:17px!important;text-decoration:none;margin-top:10px}
.pcn-contact a.pcn-big span{color:var(--pcn-accent)}
.pcn-trust{display:flex;flex-direction:column;gap:10px;font-size:15px;--font-size:15px!important;--min-font-size:15px!important;color:var(--pcn-muted);margin-top:14px}
.pcn-trust div{display:flex;gap:10px}
.pcn-trust div::before{content:"✓";color:var(--pcn-accent);font-weight:700}

/* ==========================================================================
   RWD
   ========================================================================== */
@media (max-width:1300px){
  .pcn-faq__grid{column-gap:28px}
  .pcn-faq summary{padding:18px 80px 18px 40px;font-size:18px;--font-size:18px!important;--min-font-size:15.3px!important;min-height:96px}
  .pcn-faq summary::after{right:34px}
  .pcn-faq__a{padding:0 40px 26px}
}
@media (max-width:1100px){
  .pcn-hero__grid{grid-template-columns:1fr}
  .pcn-hero__img{height:auto;min-height:0;aspect-ratio:16/9}
  .pcn-calc__grid{grid-template-columns:1fr}
  .pcn-result{position:static}
  .pcn-tiers{grid-template-columns:repeat(2,1fr)}
  .pcn-steps-grid{grid-template-columns:repeat(2,1fr)}
  .pcn-tl__body{grid-template-columns:1fr}
  .pcn-faq__grid{grid-template-columns:1fr}
  .pcn-form__grid{grid-template-columns:1fr}
  .pcn-side{position:static}
  .pcn-grid3{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .pcn-grid2,.pcn-grid3{grid-template-columns:1fr}
  .pcn-seg{grid-template-columns:repeat(2,1fr)}
  .pcn-card{padding:24px 20px}
  .pcn-form__card{padding:24px 20px}
  .pcn-steps-mini{grid-template-columns:1fr}
  .pcn-steps-grid{grid-template-columns:1fr}
  .pcn-tl__item{grid-template-columns:56px 1fr;gap:14px}
  .pcn-tl__num{width:56px;height:56px;font-size:20px;--font-size:20px!important;--min-font-size:17px!important}
  .pcn-timeline::before{left:27px}
  .pcn-tl__body{padding:20px}
  .pcn-faq summary{padding:16px 56px 16px 22px;font-size:17px;--font-size:17px!important;--min-font-size:14.45px!important;min-height:80px}
  .pcn-faq summary::after{right:20px;width:20px;height:20px}
  .pcn-faq__a{padding:0 22px 22px}
  .pcn-faq details{border-radius:16px}
  .pcn-mode{grid-template-columns:1fr}
  .pcn-total__sum{font-size:32px;--font-size:32px!important;--min-font-size:23.04px!important}
}

/* ---------- prefers-reduced-motion: zawsze na końcu pliku z efektami ---------- */
@media (prefers-reduced-motion:reduce){
  .pcn-hero--spin .pcn-hero__img:hover::after{animation:none;opacity:.7}
  .pcn-steps-mini__item:hover,.pcn-step-card:hover{transform:none}
}

/* ---------- STOPKA MOTYWU - wersja kompaktowa (body.pcn-footer-compact, patrz pcn.js initFooter) ----------
   Było: BTW/KVK -> menu (osobny wiersz, 50px marginesu) -> [pusta kolumna | logo | przycisk].
   Jest: BTW/KVK -> [logo | menu | przycisk] w jednym wierszu. Menu do czasu przeniesienia przez JS jest ukryte
   (brak "skoku" układu); gdyby JS nie zadziałał, pokazuje się po 1,5 s w starym miejscu. */
body.pcn-footer-compact #footer nav#site-navigation:not(.pcn-footer-row nav){opacity:0;animation:pcn-footer-nav-fallback 0s 1.5s forwards}
@keyframes pcn-footer-nav-fallback{to{opacity:1}}
body.pcn-footer-compact #footer .row.full{margin-bottom:var(--pcn-footer-gap,40px)}
body.pcn-footer-compact #footer .pcn-footer-row{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
body.pcn-footer-compact #footer .pcn-footer-row .footer-box.logo{flex:0 0 auto;width:auto!important;max-width:none!important}
body.pcn-footer-compact #footer .pcn-footer-row .footer-box.logo .footer-logo{margin:0}
body.pcn-footer-compact #footer .pcn-footer-row nav#site-navigation{flex:1 1 auto;width:auto;margin:0;opacity:1;animation:none}
body.pcn-footer-compact #footer .pcn-footer-row nav ul{justify-content:center}
body.pcn-footer-compact #footer .pcn-footer-row .footer-box.button-col{flex:0 0 auto;width:auto!important;max-width:none!important}
/* mobile: menu stopki schowane (jest w hamburgerze), zostaje logo i pod nim przycisk */
@media (max-width:900px){
  body.pcn-footer-compact #footer .pcn-footer-row{flex-direction:column;justify-content:center;gap:var(--pcn-footer-gap-mobile,24px)}
  body.pcn-footer-compact #footer .pcn-footer-row nav#site-navigation{display:none!important}
  body.pcn-footer-compact #footer .pcn-footer-row .footer-box.logo,body.pcn-footer-compact #footer .pcn-footer-row .footer-box.button-col{margin:0!important;padding:0!important;text-align:center}
}

/* ---------- STOPKA MOTYWU - własny układ (PCN.footer_mode = 'own', patrz pcn.js initFooterOwn) ----------
   Makieta: makieta-stopka.html (wariant B). Font dziedziczony z motywu (stopka jest poza <main>).
   Oryginalne bloki motywu (.footer-widgets, .copyright) zostają w DOM ukryte - JS czyta z nich treści. */
#footer.pcn-footer-own > .container > .footer-widgets,#footer.pcn-footer-own > .container > .copyright{display:none!important}
#footer .pcn-footer{--pcn-f-line:rgba(255,255,255,.12);--pcn-f-muted:#a9a6a8;--pcn-f-muted2:#7a7678;color:#fff;font-weight:300;line-height:1.5}
#footer .pcn-footer *{box-sizing:border-box}
#footer .pcn-footer a{color:inherit;text-decoration:none;transition:color .2s}
#footer .pcn-footer a:hover{color:var(--pcn-accent)}
#footer .pcn-footer p{margin:0}
/* górny wiersz */
#footer .pcn-footer__top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:var(--pcn-footer-top-pad,44px) 0 40px;border-bottom:1px solid var(--pcn-f-line)}
#footer .pcn-footer__logo{display:block;flex:0 0 auto;line-height:0}
#footer .pcn-footer__logo img{height:var(--pcn-footer-logo-h,56px);width:auto;display:block}
#footer .pcn-footer__menu{display:flex;gap:34px;list-style:none!important;margin:0!important;padding:0!important;flex:1 1 auto;justify-content:center;flex-wrap:wrap}
#footer .pcn-footer__menu li{list-style:none!important;margin:0!important;padding:0!important;font-size:15px!important;--font-size:15px!important;font-weight:500}
#footer .pcn-footer__menu li::before,#footer .pcn-footer__menu li::after{content:none!important;display:none!important}
#footer .pcn-footer__btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:16px!important;--font-size:16px!important;font-weight:600;border-radius:var(--pcn-radius);padding:16px 34px;border:1px solid var(--pcn-line);white-space:nowrap;transition:.2s}
#footer .pcn-footer__btn:hover{border-color:var(--pcn-accent);color:var(--pcn-accent)}
/* kafelki */
#footer .pcn-footer__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:48px 0 52px}
#footer .pcn-footer__tile{display:flex;align-items:center;gap:22px;padding:26px 28px;border:1px solid var(--pcn-f-line);border-radius:14px;background:rgba(255,255,255,.025);transition:.2s}
#footer .pcn-footer__tile:hover{border-color:rgba(255,148,60,.5);background:rgba(255,148,60,.05)}
#footer .pcn-footer__tile img{width:44px;height:44px;object-fit:contain;flex:0 0 auto;margin:0}
#footer .pcn-footer__tile-txt small{display:block;font-size:12.5px!important;--font-size:12.5px!important;color:var(--pcn-f-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-bottom:4px}
#footer .pcn-footer__tile-txt a,#footer .pcn-footer__tile-txt span{font-size:18px!important;--font-size:18px!important;font-weight:500;color:#fff;line-height:1.35}
#footer .pcn-footer__tile-txt a:hover{color:var(--pcn-accent)}
/* dolny pasek */
#footer .pcn-footer__bar{border-top:1px solid var(--pcn-f-line);padding:22px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
#footer .pcn-footer__legal,#footer .pcn-footer__legal *{font-size:13px!important;--font-size:13px!important;color:var(--pcn-f-muted2);font-weight:300}
#footer .pcn-footer__legal a{color:var(--pcn-f-muted);text-decoration:underline;text-underline-offset:3px}
#footer .pcn-footer__legal a:hover{color:var(--pcn-accent)}
#footer .pcn-footer__right{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
#footer .pcn-footer__reg,#footer .pcn-footer__reg *{font-size:13px!important;--font-size:13px!important;color:#fff;font-weight:400}
#footer .pcn-footer__reg > span:first-child,#footer .pcn-footer__reg b{color:var(--pcn-f-muted);font-weight:500}
/* motyw koloruje linki w stopce z wyższą specyficznością - stąd !important; styl = jak "DiamondCreators" */
#footer .pcn-footer__link{font-size:13px!important;--font-size:13px!important;color:var(--pcn-f-muted)!important;text-decoration:underline!important;text-underline-offset:3px;font-weight:300!important}
#footer .pcn-footer__link:hover{color:var(--pcn-accent)!important}
#footer .pcn-footer__legal a{color:var(--pcn-f-muted)!important;text-decoration:underline!important}
@media (max-width:1100px){#footer .pcn-footer__tiles{grid-template-columns:1fr;gap:14px}}
@media (max-width:760px){
  #footer .pcn-footer__top{flex-direction:column;gap:24px;padding:36px 0}
  #footer .pcn-footer__menu{display:none}
  #footer .pcn-footer__tiles{padding:32px 0 36px}
  #footer .pcn-footer__bar{flex-direction:column;align-items:center;text-align:center;gap:12px}
  #footer .pcn-footer__right{justify-content:center;gap:8px 20px}
}