/**
 * PVGroup.pl — strona /o-nas/ (v3.84.0)
 * Wszystkie selektory scope'owane pod .pvg-about — style nie wyciekają poza tę stronę.
 * IBM Carbon: border-radius 0, brak cieni, wagi 300/400/600, siatka 8px.
 * Font IBM Plex Sans ładuje astra-child (self-hosted) — tu go nie deklarujemy.
 */
/* ── Tokeny PVGroup.pl (PROJECT-GUIDE.md, IBM Carbon) ── */
:root{
  --npv-primary:#F28C00; --npv-primary-hover:#D97B00; --npv-primary-light:#FFF3E0;
  --npv-primary-ink:#9C5400;              /* pomarańcz do TEKSTU na jasnym tle — 5.70:1 */
  --npv-navy:#1B2A4A; --npv-navy-light:#2A3F6A;
  --npv-bg:#ffffff; --npv-surface:#f4f4f4; --npv-border:#c6c6c6;
  --npv-text:#1B2A4A; --npv-text-sec:#525252; --npv-text-mut:#6f6f6f;
  --npv-on-navy:#B0BDD0; --npv-on-navy-mut:#93A7C7;
  --ff:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.pvg-about *, .pvg-about *::before, .pvg-about *::after{box-sizing:border-box;}
.pvg-about{margin:0;background:var(--npv-bg);color:var(--npv-text) !important;font-family:var(--ff);font-weight:400 !important;
  -webkit-font-smoothing:antialiased;overflow-x:clip;}
.pvg-about img{max-width:100%;display:block;}
.pvg-about a{color:inherit !important;}
.pvg-about :focus-visible{outline:2px solid var(--npv-navy);outline-offset:2px;box-shadow:0 0 0 4px var(--npv-primary);}
.pvg-about .dark :focus-visible{outline-color:#fff;}
.pvg-about .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media (prefers-reduced-motion:reduce){.pvg-about *{animation:none!important;transition:none!important;}}

/* ── Neutralizacja motywu ────────────────────────────────────────────────
   .pvg-about astra-child wymusza `h1, .pvg-about h2, .pvg-about h3{color:#1B2A4A !important}` oraz
   .pvg-about `a{color:#F28C00 !important}`. Bez tego bloku biały nagłówek w sekcji
   navy renderuje się granatem na granacie (niewidoczny), a tekst przycisku
   pomarańczem na pomarańczu. Potwierdzone na produkcji 2026-08-10. */
.pvg-about h1, .pvg-about h2, .pvg-about h3 { color: inherit !important; }
.pvg-about a { color: inherit !important; text-decoration: none !important; }
.pvg-about .btn { text-decoration: none !important; }
.pvg-about h1 { letter-spacing: -1.2px !important; }

/* ── Layout ── */
.pvg-about{background:var(--npv-bg);}
.pvg-about .wrap{max-width:1184px;margin:0 auto;padding:0 48px;}
.pvg-about .sec{padding:96px 0;}
.pvg-about .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;}
.pvg-about .rail{grid-column:1/span 3;}
.pvg-about .body{grid-column:5/span 8;min-width:0;}
.pvg-about .rail-in{position:sticky;top:32px;}
.pvg-about .rail-lab{font-size:12px;font-weight:600 !important;letter-spacing:1.6px;text-transform:uppercase;color:var(--npv-primary-ink) !important;
  padding-top:8px;border-top:2px solid var(--npv-primary);display:inline-block;}
.pvg-about .dark .rail-lab{color:var(--npv-primary) !important;}
.pvg-about .rail-note{font-size:13px;font-weight:400 !important;color:var(--npv-text-sec) !important;line-height:1.5;margin-top:12px;max-width:220px;}
.pvg-about .dark .rail-note{color:var(--npv-on-navy-mut) !important;}

.pvg-about h1, .pvg-about h2, .pvg-about h3{margin:0;text-wrap:balance;}
.pvg-about p{margin:0;}
.pvg-about .h2{font-size:32px;font-weight:400 !important;line-height:1.25;letter-spacing:-.3px;color:var(--npv-text) !important;}
.pvg-about .h4{font-size:20px;font-weight:600 !important;line-height:1.4;color:var(--npv-text) !important;}
.pvg-about .dark .h4{color:#fff !important;}
.pvg-about .lead-p{font-size:16px;font-weight:400 !important;line-height:1.65;color:var(--npv-text-sec) !important;max-width:680px;}
.pvg-about .small{font-size:14px;line-height:1.6;color:var(--npv-text-sec) !important;}
.pvg-about .cap{font-size:12px;line-height:1.5;letter-spacing:.4px;color:var(--npv-text-sec) !important;}
.pvg-about .stack{display:flex;flex-direction:column;gap:24px;}
.pvg-about .stack-sm{display:flex;flex-direction:column;gap:16px;}

/* ── Przyciski ── */
.pvg-about .btn{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;font-family:var(--ff);font-size:16px;
  font-weight:400 !important;text-decoration:none !important;border:1px solid transparent;transition:background .15s,border-color .15s;}
.pvg-about .btn svg{flex:none;transition:transform .15s;}
.pvg-about .btn:hover svg{transform:translateX(3px);}
.pvg-about .btn--pri{background:var(--npv-primary);color:var(--npv-navy) !important;font-weight:600 !important;}
.pvg-about .btn--pri:hover{background:var(--npv-primary-hover);color:var(--npv-navy) !important;}
.pvg-about .btn--out{background:transparent;color:var(--npv-text) !important;border-color:#6B7B95;}
.pvg-about .btn--out:hover{border-color:var(--npv-navy);}
.pvg-about .btn--ghost{background:transparent;color:#fff !important;border-color:rgba(255,255,255,.42);}
.pvg-about .btn--ghost:hover{border-color:#fff;}
.pvg-about .btns{display:flex;flex-wrap:wrap;gap:16px;}

/* ── Warstwy ── */
.pvg-about .dark{background:var(--npv-navy);color:#fff !important;}
.pvg-about .dark .h2{color:#fff !important;}
.pvg-about .dark .lead-p{color:var(--npv-on-navy) !important;}
.pvg-about .dark .cap{color:var(--npv-on-navy-mut) !important;}
.pvg-about .surface{background:var(--npv-surface);}

/* ── HERO ── */
.pvg-about .hero{padding:112px 0 96px;}
.pvg-about .hero-c{grid-column:1/span 8;min-width:0;}
.pvg-about .eyebrow{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:600 !important;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--npv-primary) !important;}
.pvg-about .eyebrow::before{content:"";width:32px;height:1px;background:var(--npv-primary);flex:none;}
.pvg-about .hero h1{font-size:60px;font-weight:300 !important;line-height:1.05;letter-spacing:-1.2px;color:#fff !important;margin-top:24px;}
.pvg-about .hero h1 em{font-style:normal;font-weight:600 !important;color:var(--npv-primary) !important;}
.pvg-about .hero-lead{font-size:20px;font-weight:300 !important;line-height:1.55;color:var(--npv-on-navy) !important;max-width:660px;margin-top:32px;}
/* pasek liczb dostaje PEŁNE 12 kolumn — nie 8 jak reszta hero */
.pvg-about .ledger{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  margin-top:64px;padding-top:32px;border-top:1px solid var(--npv-navy-light);}
.pvg-about .ledger div{border-left:1px solid var(--npv-navy-light);padding-left:24px;}
.pvg-about .ledger div:first-child{border-left:0;padding-left:0;}
.pvg-about .ledger .n{font-size:40px;font-weight:300 !important;line-height:1;color:var(--npv-primary) !important;
  font-variant-numeric:tabular-nums;white-space:nowrap;}
.pvg-about .ledger .l{font-size:12px;line-height:1.5;color:var(--npv-on-navy-mut) !important;margin-top:8px;}
.pvg-about .hero-cta{grid-column:1/-1;margin-top:48px;}

/* ── Pasy zdjęć ── */
.pvg-about .proof{position:relative;background:var(--npv-bg);padding-bottom:96px;}
.pvg-about .proof::before{content:"";position:absolute;inset:0 0 auto 0;height:96px;background:var(--npv-navy);}
.pvg-about .proof .wrap{position:relative;}
.pvg-about .proof2{background:var(--npv-surface);padding-bottom:96px;}
.pvg-about .tiles{display:grid;gap:2px;background:var(--npv-navy);}
.pvg-about .tiles--v{grid-template-columns:repeat(3,minmax(0,1fr));}
.pvg-about .tiles--v img{aspect-ratio:444/652;width:100%;height:100%;object-fit:cover;}
.pvg-about .tiles--h{grid-template-columns:repeat(3,minmax(0,1fr));background:var(--npv-border);}
.pvg-about .tiles--h img{aspect-ratio:444/304;width:100%;height:100%;object-fit:cover;}
.pvg-about .figcap{display:flex;align-items:flex-start;gap:12px;padding-top:24px;}
.pvg-about .figcap::before{content:"";width:32px;height:1px;background:var(--npv-primary);margin-top:9px;flex:none;}

/* ── Wiersze z ikoną ── */
.pvg-about .rows{border-top:1px solid var(--npv-border);}
.pvg-about .row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:24px;align-items:start;
  padding:24px 0;border-bottom:1px solid var(--npv-border);}
.pvg-about .row svg{color:var(--npv-primary) !important;flex:none;margin-top:2px;}
.pvg-about .row .t{font-size:20px;font-weight:600 !important;line-height:1.4;}
.pvg-about .row .d{font-size:14px;line-height:1.6;color:var(--npv-text-sec) !important;margin-top:4px;}
.pvg-about .row .go{font-size:14px;color:var(--npv-primary-ink) !important;text-decoration:none !important;white-space:nowrap;padding-top:4px;}
.pvg-about .row .go:hover{text-decoration:underline !important;}

/* ── Karty marek ── */
.pvg-about .brands{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--npv-border);}
.pvg-about .brand{background:var(--npv-bg);padding:32px;border-top:3px solid var(--npv-primary);}
.pvg-about .brand .w{font-size:24px;font-weight:600 !important;letter-spacing:.5px;}
.pvg-about .brand .s{font-size:12px;font-weight:600 !important;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--npv-primary-ink) !important;margin-top:8px;}
.pvg-about .brand .d{font-size:14px;line-height:1.6;color:var(--npv-text-sec) !important;margin-top:16px;}

/* ── Typy dokumentów ── */
.pvg-about .doctypes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--npv-border);}
.pvg-about .doctypes div{background:var(--npv-bg);padding:24px;font-size:16px;font-weight:600 !important;line-height:1.4;
  border-top:3px solid var(--npv-primary);}
.pvg-about .chips{display:flex;flex-wrap:wrap;gap:8px;}
.pvg-about .chip{font-size:13px;font-weight:600 !important;letter-spacing:.6px;padding:8px 12px;border:1px solid #6B7B95;
  color:var(--npv-text) !important;text-decoration:none !important;}
.pvg-about .chip:hover{border-color:var(--npv-primary);color:var(--npv-primary-ink) !important;}
.pvg-about .chip--static{color:var(--npv-text-sec) !important;border-style:dashed;cursor:default;}

/* ── Mapa ── */
.pvg-about .mapgrid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center;}
.pvg-about .mapbox{background:var(--npv-bg);aspect-ratio:5/4;overflow:hidden;border:1px solid var(--npv-border);}
.pvg-about .mapbox img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;}
.pvg-about .legend{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
.pvg-about .legend div{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--npv-text-sec) !important;}
.pvg-about .lg-line{width:24px;height:2px;background:var(--npv-primary);flex:none;}
.pvg-about .lg-dot{width:8px;height:8px;background:var(--npv-primary);flex:none;margin:0 8px;}
.pvg-about .carriers{padding-top:24px;border-top:1px solid var(--npv-border);}
.pvg-about .carriers .names{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;}
.pvg-about .carriers .names b{font-size:14px;font-weight:600 !important;}
.pvg-about .carriers .names b:not(:last-child)::after{content:" ·";color:var(--npv-text-mut) !important;font-weight:400 !important;}
.pvg-about .locales{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;margin-top:16px;}
.pvg-about .locales span{aspect-ratio:1;border:1px solid var(--npv-border);background:var(--npv-bg);display:grid;
  place-items:center;font-size:13px;font-weight:600 !important;color:var(--npv-text) !important;}
.pvg-about .locales span.pl{background:var(--npv-navy);border-color:var(--npv-navy);color:#fff !important;}

/* ── Kroki B2B — realna sekwencja, więc numeracja niesie informację ── */
.pvg-about .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--npv-navy-light);margin-top:48px;}
.pvg-about .step{background:var(--npv-navy);padding:32px;}
.pvg-about .step .n{font-size:32px;font-weight:300 !important;line-height:1;color:var(--npv-primary) !important;font-variant-numeric:tabular-nums;}
.pvg-about .step .t{font-size:20px;font-weight:600 !important;color:#fff !important;margin-top:16px;}
.pvg-about .step .d{font-size:14px;line-height:1.6;color:var(--npv-on-navy) !important;margin-top:8px;}

/* ── Opiekun ── */
.pvg-about .care{display:grid;grid-template-columns:24px minmax(0,1fr);gap:24px;align-items:start;margin-top:32px;
  padding:24px;background:var(--npv-navy-light);border-left:3px solid var(--npv-primary);}
.pvg-about .care svg{color:var(--npv-primary) !important;margin-top:2px;}
.pvg-about .care .t{font-size:20px;font-weight:600 !important;color:#fff !important;line-height:1.4;}
.pvg-about .care .d{font-size:14px;line-height:1.6;color:var(--npv-on-navy) !important;margin-top:8px;}

/* ── Dane rejestrowe ── */
.pvg-about .dl{display:grid;grid-template-columns:200px minmax(0,1fr);border-top:1px solid var(--npv-border);}
.pvg-about .dl dt, .pvg-about .dl dd{padding:20px 0;border-bottom:1px solid var(--npv-border);margin:0;}
.pvg-about .dl dt{font-size:12px;font-weight:600 !important;letter-spacing:1.4px;text-transform:uppercase;color:var(--npv-text-mut) !important;}
.pvg-about .dl dd{font-size:16px;color:var(--npv-text) !important;word-break:break-word;overflow-wrap:anywhere;}
.pvg-about .dl dd a{color:var(--npv-text) !important;text-decoration:none !important;border-bottom:1px solid var(--npv-primary);}

/* ── CTA końcowe ── */
.pvg-about .endcta .in{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;}
.pvg-about .endcta .btns{justify-content:center;}

/* ── Diagramy ── */
.pvg-about .diagram{background:var(--npv-bg);border:1px solid var(--npv-border);padding:32px;overflow-x:auto;
  overscroll-behavior-x:contain;}
.pvg-about .diagram svg{display:block;width:100%;height:auto;max-width:720px;margin-inline:auto;}

/* ── Responsywność ── */
@media (max-width:1023px){
  .pvg-about .wrap{padding:0 32px;}
  .pvg-about .sec{padding:72px 0;}
  .pvg-about .hero{padding:80px 0 72px;}
  .pvg-about .rail, .pvg-about .body, .pvg-about .hero-c{grid-column:1/-1;}
  .pvg-about .rail-in{position:static;}
  .pvg-about .rail{border-bottom:1px solid var(--npv-border);padding-bottom:16px;}
  .pvg-about .dark .rail{border-bottom-color:var(--npv-navy-light);}
  .pvg-about .rail-note{max-width:none;}
  .pvg-about .hero h1{font-size:44px;letter-spacing:-.8px;}
  .pvg-about .ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0;}
  .pvg-about .ledger div:nth-child(2n+1){border-left:0;padding-left:0;}
  .pvg-about .ledger .n{font-size:32px;}
  .pvg-about .mapgrid{grid-template-columns:1fr;gap:32px;}
  .pvg-about .doctypes{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pvg-about .locales{grid-template-columns:repeat(5,minmax(0,1fr));}
  .pvg-about .proof, .pvg-about .proof2{padding-bottom:72px;}
}
@media (max-width:639px){
  .pvg-about .wrap{padding:0 24px;}
  .pvg-about .sec{padding:56px 0;}
  .pvg-about .hero{padding:64px 0 56px;}
  .pvg-about .hero h1{font-size:32px;letter-spacing:-.4px;}
  .pvg-about .hero-lead{font-size:17px;margin-top:24px;}
  .pvg-about .h2{font-size:24px;}
  .pvg-about .grid{gap:24px;}
  .pvg-about .ledger{gap:24px 0;margin-top:48px;}
  .pvg-about .ledger div{padding-left:16px;}
  .pvg-about .ledger .n{font-size:26px;}
  .pvg-about .proof::before{height:0;}
  .pvg-about .proof, .pvg-about .proof2{padding-bottom:56px;}
  .pvg-about .tiles--v, .pvg-about .tiles--h{grid-template-columns:1fr;}
  .pvg-about .tiles--v img{aspect-ratio:4/3;object-position:55% 62%;}
  .pvg-about .tiles--h img{aspect-ratio:16/9;}
  .pvg-about .row{grid-template-columns:24px minmax(0,1fr);}
  .pvg-about .row .go{grid-column:2;padding-top:8px;}
  .pvg-about .brands, .pvg-about .steps{grid-template-columns:1fr;}
  .pvg-about .doctypes div{padding:20px 16px;font-size:15px;}
  .pvg-about .dl{grid-template-columns:1fr;}
  .pvg-about .dl dt{padding:16px 0 4px;border-bottom:0;}
  .pvg-about .dl dd{padding:0 0 16px;}
  .pvg-about .btn{width:100%;justify-content:space-between;}
  .pvg-about .diagram{padding:16px;}
}

/* ── Układ strony w motywie ──────────────────────────────────────────────
   Meta Astry (site-content-layout / site-post-title) nie zadziałały na produkcji —
   body dostawało `ast-plain-container` i `ast-normal-title-enabled`, przez co
   strona miała DWA nagłówki H1 (tytuł motywu + nasz hero) i wąską kolumnę treści,
   w której sekcje pełnoekranowe nie miały jak się rozciągnąć.
   Celujemy wyłącznie w body.npv-about-page — reszta serwisu nietknięta. */
body.npv-about-page .entry-header,
body.npv-about-page .ast-single-entry-banner,
body.npv-about-page header.entry-header { display: none !important; }

body.npv-about-page .site-content .ast-container,
body.npv-about-page .site-content > .ast-container { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }

body.npv-about-page .entry-content,
body.npv-about-page .ast-article-single,
body.npv-about-page .site-main { margin: 0 !important; padding: 0 !important; }

body.npv-about-page .ast-article-single { border: 0 !important; }

/* ── Certyfikat autoryzacji ── */
.pvg-about .brand .cert{margin-top:16px;padding-top:12px;border-top:1px solid var(--npv-border);
  font-size:13px;line-height:1.5;color:var(--npv-text-sec) !important;}
.pvg-about .brand .cert b{font-weight:600 !important;color:var(--npv-text) !important;
  font-variant-numeric:tabular-nums;}

/* ── Łańcuch dystrybucji: wersja mobilna ──────────────────────────────────
   SVG skaluje się razem z tekstem, więc na 375 px jego napisy schodzą do
   ~4,9 px (na 320 px do 4,0 px) — fizycznie nieczytelne. Poniżej 640 px
   pokazujemy ten sam przekaz jako HTML: tekst skaluje się z ustawieniami
   przeglądarki i działa reflow (WCAG 1.4.4 / 1.4.10). */
.pvg-about .chain-m{display:none;}
.pvg-about .chain-step{border:1px solid var(--npv-border);background:var(--npv-bg);padding:16px;
  display:flex;flex-direction:column;gap:4px;}
.pvg-about .chain-step--us{background:var(--npv-navy);border-color:var(--npv-navy);}
.pvg-about .chain-step--us .chain-lab,.pvg-about .chain-step--us .chain-d{color:#fff !important;}
.pvg-about .chain-lab{font-size:16px;font-weight:600 !important;color:var(--npv-text) !important;}
.pvg-about .chain-d{font-size:13px;color:var(--npv-text-sec) !important;}
.pvg-about .chain-arrow{color:var(--npv-primary-ink) !important;font-size:20px;line-height:1;
  text-align:center;padding:8px 0;}
.pvg-about .chain-out{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
.pvg-about .chain-out li{font-size:14px;line-height:1.6;color:var(--npv-text-sec) !important;
  padding-left:16px;border-left:2px solid var(--npv-primary);}
.pvg-about .chain-out b{font-weight:600 !important;color:var(--npv-text) !important;}

@media (max-width:639px){
  .pvg-about .diagram--chain{display:none;}
  .pvg-about .chain-m{display:block;}
  /* wszystkie 6 kadrów magazynu — to jedyny materialny dowód na tej stronie,
     a pliki ważą 31–81 KB i są lazy-loadowane */
  .pvg-about .tiles--v img{aspect-ratio:4/3;}
  .pvg-about .tiles--h img{aspect-ratio:16/9;}
}

/* ── Kafelki języków ──────────────────────────────────────────────────────
   aspect-ratio:1 przy 5 kolumnach daje na tablecie kwadraty 190×190 px —
   4 rzędy po 190 px to 760 px pionu na 20 dwuliterowych kodów. */
@media (max-width:1023px){
  .pvg-about .locales span{aspect-ratio:auto;padding:12px 0;}
}

/* ── Ścieżka zamówienia: wersja mobilna ──────────────────────────────────
   SVG (viewBox 442) renderuje tekst 12 px jako 7,9 px na 375 px i 6,5 px na
   320 px. Poniżej 640 px pokazujemy listę HTML — tekst reaguje na powiększanie
   w przeglądarce (WCAG 1.4.4), czego tekst w SVG nie robi. */
.pvg-about .route-m{display:none;list-style:none;margin:0 0 24px;padding:0;}
.pvg-about .route-m li{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;
  padding:16px 0;border-bottom:1px solid var(--npv-border);}
.pvg-about .route-n{grid-row:1/3;font-size:24px;font-weight:300 !important;line-height:1;
  color:var(--npv-primary-ink) !important;font-variant-numeric:tabular-nums;}
.pvg-about .route-t{font-size:16px;font-weight:600 !important;color:var(--npv-text) !important;}
.pvg-about .route-d{font-size:14px;color:var(--npv-text-sec) !important;}

/* ── FAQ ── */
.pvg-about .faq{border-top:1px solid var(--npv-border);}
.pvg-about .faq-item{padding:24px 0;border-bottom:1px solid var(--npv-border);}
.pvg-about .faq-q{font-size:18px;font-weight:600 !important;line-height:1.4;
  color:var(--npv-text) !important;margin:0 0 8px;}
.pvg-about .faq-a{font-size:16px;line-height:1.65;color:var(--npv-text-sec) !important;max-width:680px;}

/* ── Kontakt w zamykającym CTA ───────────────────────────────────────────
   Bez afordancji telefon w ostatniej sekcji wyglądał jak zwykły tekst
   (ten sam kolor, brak podkreślenia) — a to moment najwyższej gotowości
   do kontaktu. Wzorzec przeniesiony z danych rejestrowych. */
.pvg-about .endcta .cap a{color:#fff !important;border-bottom:1px solid var(--npv-primary);
  padding-bottom:1px;}
.pvg-about .endcta .cap a:hover{border-bottom-color:#fff;}

/* ── Mapa ────────────────────────────────────────────────────────────────
   object-position:100% obcinało 18,75% szerokości WYŁĄCZNIE z lewej, czyli
   z zachodniej Europy — a akapit obok mówi właśnie o dostawach na zachód.
   Kadrujemy centralnie i spłaszczamy ramkę, żeby ciąć mniej. */
.pvg-about .mapbox{aspect-ratio:3/2;}
.pvg-about .mapbox img{object-position:50% 50%;}

@media (max-width:639px){
  .pvg-about .diagram--route{display:none;}
  .pvg-about .route-m{display:block;}
  .pvg-about .mapbox{aspect-ratio:4/3;}
  .pvg-about .faq-q{font-size:17px;}
}

/* ── Poprawki po trzecim audycie (2026-08-11) ─────────────────────────── */

/* Diagram łańcucha: fallback HTML przełączał się dopiero przy 639 px, a SVG jest
   nieczytelne na CAŁYM paśmie desktopu — kolumna treści zajmuje 8/12, więc przy
   viewBox 722 skala wynosi 0,90 (tekst 12 px → 10,8 px), a przy 1024 px spada
   do 0,75 (9,0 px). Wersja HTML jest też merytorycznie pełniejsza. */
@media (max-width:1023px){
  .pvg-about .diagram--chain{display:none;}
  .pvg-about .chain-m{display:block;}
  .pvg-about .diagram--route{display:none;}
  .pvg-about .route-m{display:block;}
}

/* Legenda mapy: #F28C00 na #f4f4f4 = 2,24:1 przy wymaganych 3:1 (SC 1.4.11).
   To klucz do mapy, nie ozdoba — bez rozróżnienia kreski i kropki podpisy nic
   nie znaczą. Ciemniejszy pomarańcz + obrys navy. */
.pvg-about .lg-line{background:var(--npv-primary-ink);height:3px;}
.pvg-about .lg-dot{background:var(--npv-primary-ink);outline:1px solid var(--npv-navy);}

/* Kafle kategorii: klikalne było wyłącznie słowo „Zobacz →" (cel ~70×26 px
   przy prawej krawędzi). Użytkownik klika w nazwę kategorii. Stretched link
   powiększa cel do całego wiersza bez zmiany DOM i semantyki. */
.pvg-about .row{position:relative;}
.pvg-about .row .go::after{content:"";position:absolute;inset:0;}
.pvg-about .row:hover{background:var(--npv-surface);}
.pvg-about .surface .row:hover{background:var(--npv-bg);}

/* Wordmark marki jako link — bez zmiany wyglądu karty */
.pvg-about .brand-link{display:inline-block;text-decoration:none !important;}
.pvg-about .brand-link:hover .w{color:var(--npv-primary-ink) !important;}

/* Chipy serii są teraz linkami do filtra biblioteki */
.pvg-about a.chip{cursor:pointer;}

/* === v3.119.0 — karta weryfikowalnego certyfikatu Growatt ================= */
.pvg-about .certcard{background:#f4f4f4;border:1px solid #e0e0e0;border-top:3px solid #F28C00;max-width:720px;}
.pvg-about .certcard-head{padding:28px 32px 0;}
.pvg-about .certcard-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.6px;color:#525252;margin:0 0 10px;}
.pvg-about .certcard-numrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.pvg-about .certcard-num{font-size:24px;font-weight:600;color:#1B2A4A;font-variant-numeric:tabular-nums;letter-spacing:.5px;user-select:all;-webkit-user-select:all;}
.pvg-about .certcard-copy{font-size:12px;font-weight:500;color:#F28C00;background:transparent;border:1px solid #F28C00;border-radius:0;padding:6px 14px;cursor:pointer;font-family:inherit;line-height:1.4;}
.pvg-about .certcard-copy:hover{background:#F28C00;color:#fff;}
.pvg-about .certcard-copy:focus-visible{outline:2px solid #1B2A4A;outline-offset:2px;}
.pvg-about .certcard-body{display:flex;gap:32px;padding:24px 32px 28px;flex-wrap:wrap;}
.pvg-about .certcard-meta{flex:1 1 300px;min-width:260px;}
.pvg-about .certcard-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;font-size:14px;margin:0 0 22px;}
.pvg-about .certcard-dt{color:#525252;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:500;padding-top:2px;}
.pvg-about .certcard-dd{color:#1B2A4A;}
.pvg-about .certcard-links{display:grid;gap:10px;border-top:1px solid #e0e0e0;padding-top:18px;}
.pvg-about .certcard-vlink{font-size:14px;font-weight:500;color:#F28C00 !important;text-decoration:none !important;}
.pvg-about .certcard-vlink:hover{text-decoration:underline !important;}
.pvg-about .certcard-hint{font-size:12px;color:#525252;margin:2px 0 0;}
.pvg-about .certcard-ico{width:14px;height:14px;margin-left:4px;vertical-align:-2px;fill:currentColor;}
.pvg-about .certcard-thumb{flex:0 0 auto;margin:0;}
.pvg-about .certcard-thumb img{width:180px;height:auto;max-width:100%;border:1px solid #e0e0e0;background:#fff;display:block;}
.pvg-about .certcard-thumb figcaption{font-size:11px;color:#525252;margin-top:6px;max-width:180px;line-height:1.45;}
@media (max-width:639px){
  .pvg-about .certcard-head{padding:22px 24px 0;}
  .pvg-about .certcard-body{padding:20px 24px 24px;gap:20px;}
}