/* ═══════════════════════════════════════════════════════════════
   NeuroResin — motyw strony głównej zgodny z trybwakacyjny.pl
   (ten sam skill/system). Warstwa nadpisań ładowana PO site.css
   i calculator-hero.css. Zasady:
   - ciepłe szarości: tło #f5f5f5 / #fafafa, białe karty z ramką #e7e5e4
   - przyciski i linki prawie czarne (#292524); kolor marki #c26a61
     tylko w logo i w wyróżnieniu nagłówka hero
   - nagłówki EB Garamond 400, tekst Inter; małe etykiety wersalikami
   - jeden ciemny kafel (#0c0a09); pastelowe rozmyte plamy w hero i na końcu
   Nazwy tokenów --apple-* zostały z pierwszej wersji motywu.
   ═══════════════════════════════════════════════════════════════ */

/* ── Krok 1: tokeny ─────────────────────────────────────────── */
:root[data-theme="light"]{
  --apple-accent: #292524;          /* primary: przyciski, linki, suwaki */
  --nr-brand-color: #c26a61;        /* tylko logo i wyróżnienie w hero */
  --apple-ink: #0c0a09;
  --apple-ink-80: #4e4e4e;          /* tekst ciągły */
  --apple-ink-48: #777169;          /* tekst przygaszony */
  --apple-canvas: #ffffff;          /* karty */
  --apple-parchment: #f0efed;       /* pola w kartach, plakietki, tory przełączników */
  --apple-hairline: #e7e5e4;
  --apple-hairline-strong: #d6d3d1;
  --apple-divider: #f0efed;
  --apple-tile: #0c0a09;            /* ciemny kafel */
  --tw-canvas: #f5f5f5;             /* tło strony i kafli */
  --tw-soft: #fafafa;               /* kafel naprzemienny */
  --apple-font-display: "EB Garamond", "Times New Roman", serif;
  --apple-font-text: Inter, system-ui, -apple-system, sans-serif;

  /* Mapowanie na tokeny serwisu (motyw jasny z site.css) */
  --nr-bg: var(--tw-canvas);
  --nr-bg-deep: var(--tw-canvas);
  --nr-surface: var(--apple-canvas);
  --nr-surface-alt: var(--apple-parchment);
  --nr-surface-elevated: var(--apple-canvas);
  --nr-border: rgba(0,0,0,.08);
  --nr-border-solid: var(--apple-hairline);
  --nr-text: var(--apple-ink);
  --nr-text-sec: var(--apple-ink-80);
  --nr-muted: var(--apple-ink-48);
  --nr-text-contrast: var(--apple-ink);

  --nr-accent: var(--apple-accent);
  --nr-accent-soft: var(--apple-accent);
  --nr-accent-dim: rgba(41,37,36,.06);
  --nr-accent-brd: var(--apple-hairline);
  --nr-border-accent-soft: var(--apple-hairline);
  --nr-border-accent-ui: var(--apple-hairline);
  --nr-border-accent-strong: var(--apple-hairline-strong);
  --nr-surface-accent: var(--apple-parchment);
  --nr-surface-accent-strong: var(--apple-parchment);
  --nr-surface-accent-cta: var(--apple-parchment);

  /* Bez gradientów: płaskie powierzchnie, „szkło” = półprzezroczysty parchment */
  --nr-glass: rgba(255,255,255,.8);
  --nr-glass-border: rgba(0,0,0,.08);
  --nr-toolbar-bg: rgba(245,245,245,.8);
  --nr-gradient-accent-cta: var(--apple-accent);
  --nr-gradient-panel: var(--apple-canvas);

  /* Bez cieni na UI (cień zostaje tylko dla zdjęć produktu, patrz niżej) */
  --nr-glass-shadow: none;
  --nr-shadow: none;
  --nr-shadow-soft: none;
  --nr-shadow-panel: none;
  --nr-shadow-panel-lg: none;
  --nr-shadow-paper: none;
  --nr-shadow-header: none;
  --nr-shadow-dropdown: none;
  --nr-shadow-mobile-panel: none;
  --nr-shadow-inset-ui: none;
  --nr-shadow-accent-cta: none;
  --nr-shadow-utility-lg: none;
  --nr-shadow-utility-xl: none;
  --nr-shadow-utility-2xl: none;
  --nr-page-panel-shadow: none;
  --nr-page-accent-shadow: none;
  --nr-subpage-bento-shadow: none;
  --shadow: none;
  --soft-shadow: none;

  /* Promienie: 8 (kontrolki) / 12 (pola w kartach) / 16 (karty) / pigułka */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 16px;
  --nr-radius-sm: 8px;
  --nr-radius-md: 12px;
  --nr-radius-lg: 16px;
  --nr-radius-xl: 16px;
}

/* Hero ma własne zmienne — w tym dwa dodatkowe akcenty (coral, lime).
   Coral = wyróżnienie nagłówka → kolor marki; lime → neutralny. */
.nr-calculator-hero{
  --ink: var(--apple-ink);
  --paper: var(--apple-canvas);
  --cream: var(--apple-parchment);
  --coral: var(--nr-brand-color);
  --lime: var(--apple-parchment);
  --muted: var(--apple-ink-48);
  --line: var(--apple-hairline);
  --display: var(--apple-font-display);
  --body: var(--apple-font-text);
  --mono: var(--apple-font-text);
}

html[data-theme="light"],
html[data-theme="light"] body:is(.nr-home-page, .nr-page){
  background: var(--tw-canvas);
}

/* ── Krok 2: typografia ─────────────────────────────────────── */
/* Dwa kroje: Inter (tekst) i EB Garamond (h1/h2). Wcześniej ~10 krojów
   (Anton, Space Grotesk, Sora, JetBrains Mono…). !important, bo kroje
   są ustawiane w setkach reguł komponentów. */
body:is(.nr-home-page, .nr-page),
body:is(.nr-home-page, .nr-page) *{
  font-family: var(--apple-font-text) !important;
}
body:is(.nr-home-page, .nr-page){
  color: var(--apple-ink-80);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
}
body:is(.nr-home-page, .nr-page) :is(h1,h2){
  font-family: var(--apple-font-display) !important;
  font-weight: 400;
  color: var(--apple-ink);
  text-transform: none;
}
/* Fragmenty nagłówków (<span> w h1/h2) dziedziczą krój nagłówka zamiast Inter z reguły „*” */
body:is(.nr-home-page, .nr-page) :is(h1,h2) *{
  font-family: inherit !important;
}
/* Pseudoelementy (etykiety ::before) nie łapią się na „*” — na podstronach też Inter */
body.nr-page *::before,
body.nr-page *::after{
  font-family: var(--apple-font-text) !important;
}
body:is(.nr-home-page, .nr-page) :is(h3,h4,h5,h6){
  font-weight: 500;
  color: var(--apple-ink);
  text-transform: none;
}
body:is(.nr-home-page, .nr-page) :is(b,strong,th,.nr-fw-700,.nr-fw-800,.nr-fw-900){
  font-weight: 500;
}

/* Hero: EB Garamond 64 / 400 / 1.05 / -0.03em (jak trybwakacyjny.pl) */
.nr-calculator-hero h1,
.nr-calculator-hero .hero-copy h1{
  font-size: 64px;
  line-height: 1.05;
  letter-spacing: -0.03em !important;
}
.nr-calculator-hero .hero-lead{
  font-size: 20px;
  line-height: 1.5;
  color: var(--apple-ink-80);
}
/* Małe etykiety nad nagłówkami (eyebrow): 12 / 600 / wersaliki / .08em.
   :is(#root, …) — musi wygrać z regułą „bez wersalików” w kalkulatorze (selektor z id). */
:is(#root, body.nr-home-page) :is(
  .nr-calculator-hero .eyebrow, .nr-closing-statement__label, .nr-home-seo-kicker,
  .nr-export-v2__label, .dz-mode-kicker, .nr-fab-kicker, .nr-support-ad__kicker
){
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--apple-ink-48);
}

/* Sekcja zamykająca „Żadna i każda.” — kafel końcowy jak „Wyjedź spokojnie” */
.nr-closing-statement h2{
  font: 400 48px/1.1 var(--apple-font-display);
  letter-spacing: -0.02em !important;
}
.nr-closing-statement h2 span{ color: inherit; }
.nr-closing-statement__copy{
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 1068px){
  .nr-calculator-hero h1,
  .nr-calculator-hero .hero-copy h1{ font-size: 52px; }
}
@media (max-width: 640px){
  .nr-calculator-hero h1,
  .nr-calculator-hero .hero-copy h1{ font-size: 40px; }
  .nr-closing-statement h2{ font-size: 36px; }
  .nr-calculator-hero .hero-lead,
  .nr-closing-statement__copy{ font-size: 17px; }
}

/* ── Krok 3: przyciski ──────────────────────────────────────── */
/* Selektory zaczynają się od :is(#root, body), bo site.css ma
   „#root a { color: var(--nr-accent) }”, które przebijało kolor tekstu. */
/* Główny: prawie czarna pigułka 48px (btn-primary btn-lg z trybwakacyjny.pl) */
:is(#root, body) .nr-calculator-hero .button-dark,
:is(#root, body) .nr-cta-btn--primary,
:is(#root, body) .nr-rec-btn{
  background: var(--apple-accent);
  color: #fff;
  border: 1px solid var(--apple-accent);
  border-radius: 9999px;
  padding: 14px 28px;
  min-height: 48px;
  height: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
}
/* Drugi: przezroczysta pigułka z ramką #d6d3d1; link „Wgraj zdjęcie” w hero też */
:is(#root, body) .nr-calculator-hero .button-outline,
:is(#root, body) .nr-calculator-hero .text-link,
:is(#root, body) .nr-cta-btn--secondary{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline-strong);
  border-radius: 9999px;
  padding: 14px 28px;
  min-height: 48px;
  height: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
}
.nr-calculator-hero .button-dark span,
.nr-calculator-hero .button-outline span{ color: inherit; }

:is(#root, body) .nr-calculator-hero .text-link span{
  margin-left: 0;
  color: inherit;
}

/* Zachowanie: bez unoszenia przy hover, wciśnięcie = scale(.95), focus = obrys */
.nr-calculator-hero .button,
body:is(.nr-home-page, .nr-page) .nr-cta-btn{
  transition: transform 120ms ease, background-color 160ms ease, color 160ms ease;
}
.nr-calculator-hero .button:hover,
body:is(.nr-home-page, .nr-page) .nr-cta-btn:hover{
  transform: none;
}
:is(#root, body) .nr-calculator-hero .button-dark:hover,
:is(#root, body) .nr-cta-btn--primary:hover{
  background: var(--apple-ink);
  color: #fff;
}
.nr-calculator-hero .button:active,
body:is(.nr-home-page, .nr-page) .nr-cta-btn:active,
body:is(.nr-home-page, .nr-page) .nr-mass-action-btn:active{
  transform: scale(.95);
}
body:is(.nr-home-page, .nr-page) :is(a,button,[role="button"]):focus-visible{
  outline: 2px solid var(--apple-accent);
  outline-offset: 2px;
}



/* ═══════════════════════════════════════════════════════════════
   Układ strony głównej
   Strona = stos pełnoszerokich kafli bez zaokrągleń i bez odstępów;
   separatorem jest zmiana tła (#f5f5f5 / #fafafa, jeden ciemny kafel).
   Węższe karty narzędzi (Bilans / Materiał / Warunki, wykresy)
   zostają białymi kartami 16px — jak siatka kart na trybwakacyjny.pl.
   ═══════════════════════════════════════════════════════════════ */
body:is(.nr-home-page, .nr-page){
  --apple-bleed: max(32px, calc((100vw - 1200px) / 2));      /* treść do 1200px */
  --apple-bleed-text: max(32px, calc((100vw - 820px) / 2));  /* kolumna tekstu 820px */
  --apple-bleed-nav: 32px;
  --apple-tile-pad: 96px;   /* kafle prezentacyjne */
  --apple-tool-pad: 64px;   /* kafle z narzędziami kalkulatora */
}
@media (max-width: 734px){
  body:is(.nr-home-page, .nr-page){
    --apple-bleed: 20px;
    --apple-bleed-text: 20px;
    --apple-bleed-nav: 20px;
    --apple-tile-pad: 64px;
    --apple-tool-pad: 40px;
  }
}

/* ── Nawigacja: jasny pasek 64px z cienką linią (topbar z trybwakacyjny.pl) ── */
body.has-global-nav:is(.nr-home-page, .nr-page){
  padding-top: 64px;
}
body:is(.nr-home-page, .nr-page) #hero-main-header,
body:is(.nr-home-page, .nr-page) #hero-main-header.scrolled{
  height: 64px;
  padding: 0 var(--apple-bleed-nav);
  background: var(--tw-canvas);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0;
  border-bottom: 1px solid var(--apple-hairline);
  box-shadow: none;
}
body:is(.nr-home-page, .nr-page) .hero-logo-text{
  gap: 10px;
  color: var(--apple-ink);
}
body:is(.nr-home-page, .nr-page) .hero-logo-icon{
  width: 24px;
  height: 24px;
  flex-basis: 24px;
}
body:is(.nr-home-page, .nr-page) .hero-logo-tile{ fill: var(--nr-brand-color); }
body:is(.nr-home-page, .nr-page) .hero-logo-mark{ fill: #fff; }
body:is(.nr-home-page, .nr-page) .hero-logo-main{
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
body:is(.nr-home-page, .nr-page) .hero-logo-sub{ display: none; }
body:is(.nr-home-page, .nr-page) .hero-desktop-nav{
  gap: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body:is(.nr-home-page, .nr-page) :is(.hero-desktop-link, .hero-help-trigger, .hero-login-btn){
  height: 64px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  color: var(--apple-ink-80);
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
body:is(.nr-home-page, .nr-page) :is(.hero-desktop-link, .hero-help-trigger, .hero-login-btn):is(:hover, .is-active),
body:is(.nr-home-page, .nr-page) :is(.hero-help-dd, .hero-docs-dd):is(:focus-within, .is-open) .hero-help-trigger{
  color: var(--apple-ink);
  background: transparent;
}
body:is(.nr-home-page, .nr-page) .hero-login-btn svg{ display: none; }
body:is(.nr-home-page, .nr-page) .hero-lang-switch{
  background: transparent;
  border: 0;
}
body:is(.nr-home-page, .nr-page) .hero-lang-link{
  color: var(--apple-ink-48);
  background: transparent;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
}
body:is(.nr-home-page, .nr-page) .hero-lang-link.is-active{
  color: var(--apple-ink);
  background: transparent;
}
body:is(.nr-home-page, .nr-page) .hero-menu-trigger{
  width: 44px;
  height: 44px;
  color: var(--apple-ink);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* ── Hero: jedna wyśrodkowana kolumna ───────────────────────── */
body.nr-home-page .nr-calculator-hero,
body.nr-home-page .nr-calculator-hero .hero{
  margin: 0;
  background: var(--tw-canvas);
  border-radius: 0;
}
body.nr-home-page .nr-calculator-hero .hero{
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 0;
  text-align: center;
}
body.nr-home-page .nr-calculator-hero .hero-copy{
  border: 0;
  padding: 96px var(--apple-bleed-text) 120px;
}
body.nr-home-page .nr-calculator-hero .hero-copy h1{
  margin: 16px 0 20px;
}
body.nr-home-page .nr-calculator-hero .hero-lead{
  max-width: 680px;
  margin-inline: auto;
}
body.nr-home-page .nr-calculator-hero .button-row{
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}

/* ── Kontener kalkulatora: bez marginesów, kafle od krawędzi ─── */
body.nr-home-page #nr-scroll-root{
  padding: 0;
}
body.nr-home-page #nr-scroll-root .nr-page-shell{
  max-width: none;
  padding: 0 var(--apple-bleed);
  row-gap: 0;
  column-gap: 24px;
  background: var(--tw-canvas);
}
/* Faliste separatory i faktura słojów — dekoracja; separatorem jest kolor.
   Fala ma display ustawione inline, stąd !important. */
body.nr-home-page :is(.nr-deco-wave-1, .nr-deco-wave-2){
  display: none !important;
}
body.nr-home-page .nr-wood-grain-layer{
  display: none;
}

/* Kafel = sekcja na pełne 12 kolumn (bez wariantu lg-col-span) */
/* #nr-scroll-root w selektorze: site.css ma mobilną regułę po id, która zeruje marginesy */
body.nr-home-page #nr-scroll-root .nr-page-shell > .nr-col-span-12:not([class*="nr-lg-col-span"]){
  width: auto; /* część sekcji ma width:100%, co blokuje wyjście na pełną szerokość */
  margin-inline: calc(-1 * var(--apple-bleed));
  padding: var(--apple-tool-pad) var(--apple-tile-inline, var(--apple-bleed));
  background: var(--apple-tile-bg, var(--tw-canvas));
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* Kafle prezentacyjne mają więcej powietrza; tekstowe — kolumnę 820px */
body.nr-home-page .nr-page-shell > :is(.nr-layout-visual, .nr-pigments-guide, .nr-support-cta, section:has(> .nr-fab)){
  --apple-tool-pad: var(--apple-tile-pad);
}
body.nr-home-page .nr-page-shell > .nr-export-v2{
  --apple-tool-pad: var(--apple-tile-pad);
  --apple-tile-inline: var(--apple-bleed-text);
  min-height: 0;
  gap: 32px;
}

/* Rytm powierzchni (kolejność na stronie), #f5f5f5 ↔ #fafafa jak na trybwakacyjny.pl:
   hero → wybór trybu (soft) → system żywic → karty narzędzi → drewno (soft) →
   rekomendacje → podsumowanie (soft) → kwiaty → barwniki (soft) →
   wykończenia → książka (soft) → eksport CIEMNY → wsparcie →
   poradniki (soft) → zamknięcie → stopka */
body.nr-home-page .nr-page-shell > :is(
  .nr-layout-visual, .nr-layout-wood, .nr-project-summary, .nr-pigments-guide,
  .nr-col-span-12:has(a[href*="sovalab.pl/ksiazka"])
){
  --apple-tile-bg: var(--tw-soft);
}
body.nr-home-page .nr-page-shell > .nr-layout-visual .nr-canvaswrap{
  background: transparent;
  border: 0;
}

/* Karty narzędzi (store-utility-card) */
body.nr-home-page #nr-scroll-root .nr-page-shell > [class*="nr-lg-col-span"]{
  margin-top: 24px;
  background: var(--apple-canvas);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.nr-home-page .nr-page-shell > [class*="nr-lg-col-span-6"]{
  margin-bottom: 24px;
}
body.nr-home-page [class*="nr-shadow"]{
  box-shadow: none;
}

/* ── Jeden ciemny kafel: eksport (jak „Zakres dostępu” na trybwakacyjny.pl) ── */
body.nr-home-page .nr-page-shell > .nr-export-v2{
  --apple-tile-bg: var(--apple-tile);
  --nr-text: #ffffff;
  --nr-text-sec: #a8a29e;
  --nr-muted: #a8a29e;
  --nr-text-contrast: #ffffff;
  --nr-border: rgba(255,255,255,.12);
  color: #a8a29e;
}
body.nr-home-page .nr-export-v2__statement{
  max-width: none;
  font-family: var(--apple-font-display) !important;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.17;
  letter-spacing: -0.01em !important;
  color: #a8a29e;
}
body.nr-home-page .nr-export-v2__action{
  font-weight: 400;
  color: #ffffff;
}
body.nr-home-page .nr-export-v2__label{ color: #a8a29e; }
body.nr-home-page .nr-export-v2__copy{
  font-size: 16px;
  color: #a8a29e;
}

/* ── Sekcje dawniej ciemne, teraz jasne — kolory wpisane inline ── */
/* Kwiaty: karta biała z ramką */
body.nr-home-page .nr-fab{ background: transparent; border: 0; }
body.nr-home-page .nr-fab-card{
  background: var(--apple-canvas);
  border: 1px solid var(--apple-hairline);
}
body.nr-home-page .nr-fab-hero-copy{ color: var(--apple-ink-80); }
/* Książka: biała karta, teksty inline białe → ink / muted */
body.nr-home-page .nr-col-span-12:has(a[href*="sovalab.pl/ksiazka"]) > div{
  max-width: 820px;
  margin: 0 auto !important;
  padding: 20px 24px !important;
  background: var(--apple-canvas) !important;
  border: 1px solid var(--apple-hairline) !important;
  border-radius: 16px !important;
}
body.nr-home-page .nr-col-span-12:has(a[href*="sovalab.pl/ksiazka"]) [style*="color:rgba(255,255,255,.9"]{ color: var(--apple-ink) !important; }
body.nr-home-page .nr-col-span-12:has(a[href*="sovalab.pl/ksiazka"]) [style*="color:rgba(255,255,255,.5"]{ color: var(--apple-ink-48) !important; }
body.nr-home-page .nr-col-span-12:has(a[href*="sovalab.pl/ksiazka"]) a[href*="sovalab"]{
  background: var(--apple-accent) !important;
  font-weight: 500 !important;
}
/* Podsumowanie projektu: białe karty, teksty inline białe → muted */
body.nr-home-page #root .nr-project-summary [style*="color: rgba(255, 255, 255"]{ color: var(--apple-ink-48) !important; }

/* Rekomendacje: biały tekst inline na jasnym tle */
body.nr-home-page .nr-rec-section [style*="color: rgba(255, 255, 255"]{
  color: var(--apple-ink-80) !important;
}

/* ── Barwniki: nagłówek kafla zamiast karty w karcie ────────── */
body.nr-home-page .nr-pig-hero{
  padding: 0 0 24px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
body.nr-home-page .nr-pig-hero-word,
body.nr-home-page .nr-pig-hero-word--sm{
  font-family: var(--apple-font-display) !important;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.17;
  letter-spacing: -0.01em !important;
  text-transform: none;
  color: var(--apple-ink);
}
body.nr-home-page .nr-pig-hero-dash{ display: none; }

/* ── Poradniki: pełnoszeroki jasny kafel ────────────────────── */
body.nr-home-page .nr-home-seo-links{
  width: auto;
  max-width: none;
  margin: 0;
  padding: var(--apple-tile-pad) var(--apple-bleed);
  background: var(--tw-soft);
  border: 0;
  border-radius: 0;
}
body.nr-home-page .nr-home-seo-links :is(h2, a){ color: var(--apple-ink); }
body.nr-home-page .nr-home-seo-links p{ color: var(--apple-ink-80); }

/* ── Zamknięcie: wyśrodkowany biały kafel ───────────────────── */
.nr-closing-statement{
  margin: 0;
  padding: var(--apple-tile-pad) var(--apple-bleed-text);
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
  background: var(--tw-canvas);
  color: var(--apple-ink);
  border: 0;
  border-radius: 0;
}
.nr-closing-statement__copy{
  align-self: auto;
  margin-inline: auto;
}

/* ── Stopka: tło strony, cienka linia u góry, gęste kolumny ─── */
body:is(.nr-home-page, .nr-page) #nr-footer-v4{
  padding: 64px var(--apple-bleed) 24px;
  background: var(--tw-canvas);
  color: var(--apple-ink-80);
  border: 0;
  border-top: 1px solid var(--apple-hairline);
  font-size: 12px;
  line-height: 1.5;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 *{
  text-transform: none;
  letter-spacing: -0.12px;
  box-shadow: none;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-tools, .ft-bottom-grid, .ft-disclaimer, .ft-baseline, .ft-tool, .ft-info, .ft-system, .ft-status-panel){
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  text-align: left;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-tools, .ft-bottom-grid){
  display: grid;
  gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--apple-hairline);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-tools{ grid-template-columns: repeat(3, 1fr); }
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-bottom-grid{ grid-template-columns: repeat(2, 1fr); }
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-tool{
  display: block;
  min-height: 0;
  color: var(--apple-ink-80);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(p, a, span, .badge, .ft-baseline){
  font-weight: 400;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-tool-head span{
  font-weight: 500;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-tool-head{
  text-align: left;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-system{
  min-height: 0;
  height: auto;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-showcase{
  margin-top: 16px;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-stack{
  display: block;
  text-align: left;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-tool-head{
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.224px;
  color: var(--apple-ink);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-tool-head span + span,
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-tool-icon,
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-big{
  display: none;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-tool p, .ft-info p, .ft-disclaimer p){
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  color: var(--apple-ink-80);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 h3{
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.224px;
  text-align: left;
  color: var(--apple-ink);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-meta, .ft-system-top, .ft-status-label, .ft-stack){
  justify-content: flex-start;
  color: var(--apple-ink-48);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-legal-links a, .ft-pill){
  padding: 0;
  margin-right: 16px;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 12px;
  color: var(--apple-ink-80);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .badge{
  padding: 0 12px 0 0;
  background: transparent;
  border: 0;
  font-size: 12px;
  color: var(--apple-ink-80);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-disclaimer p{
  padding: 0;
  border: 0;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-disclaimer{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 24px;
  margin-bottom: 24px;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-disclaimer p,
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-baseline{
  color: var(--apple-ink-48);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-baseline{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--apple-hairline);
}
@media (max-width: 734px){
  body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-tools, .ft-bottom-grid, .ft-disclaimer){
    grid-template-columns: 1fr;
  }
  body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-baseline{
    flex-direction: column;
  }
  body:is(.nr-home-page, .nr-page) .nr-pig-hero-word,
  body:is(.nr-home-page, .nr-page) .nr-pig-hero-word--sm{ font-size: 30px; }
  body:is(.nr-home-page, .nr-page) .nr-export-v2__statement{ font-size: 28px; }
}

/* ═══════════════════════════════════════════════════════════════
   Komponenty kalkulatora (#root = aplikacja Preact)
   Kalkulator jest zbudowany na klasach narzędziowych (nr-text-*, nr-fw-*,
   nr-uppercase, nr-tracking-*, nr-radius-*) i stylach inline, więc
   najpierw przemapowujemy je hurtowo, potem poprawiamy typy kontrolek.
   ═══════════════════════════════════════════════════════════════ */

/* Statusy (ostrzeżenie / błąd / info / sukces) bez dodatkowych kolorów:
   neutralne powierzchnie + tekst ink; błąd = kolor marki. */
:root[data-theme="light"] body:is(.nr-home-page, .nr-page){
  --nr-warning: var(--apple-ink);
  --nr-warning-soft: var(--apple-parchment);
  --nr-warning-brd: rgba(0,0,0,.08);
  --nr-danger: #dc2626;
  --nr-danger-soft: rgba(220,38,38,.06);
  --nr-danger-brd: rgba(220,38,38,.24);
  --nr-info: var(--apple-ink-80);
  --nr-info-soft: var(--apple-parchment);
  --nr-info-brd: rgba(0,0,0,.08);
  --nr-success: var(--apple-ink-80);
  --nr-success-soft: var(--apple-parchment);
  --nr-success-brd: rgba(0,0,0,.08);
  --nr-teal: var(--apple-ink-48);
  --nr-teal-dim: rgba(0,0,0,.04);
  --nr-surface-warning-ui: var(--apple-parchment);
  --nr-surface-warning-strong: var(--apple-parchment);
  --nr-surface-info-ui: var(--apple-parchment);
  --nr-surface-info-strong: var(--apple-parchment);
  --nr-surface-success-ui: var(--apple-parchment);
  --nr-border-warning-ui: rgba(0,0,0,.08);
  --nr-border-info-ui: rgba(0,0,0,.08);
  --fs-micro: 12px;
  --fs-mini: 12px;
}

/* ── Typografia: bez wersalików i rozstrzelenia, min. 12px, wagi 400/600 ── */
body.nr-home-page #root *:not(h1):not(h2){
  text-transform: none !important;
  letter-spacing: normal !important;
}
body.nr-home-page #root :is(.nr-text-3xs, .nr-text-2xs, .nr-text-xs){
  font-size: 12px;
}
body.nr-home-page #root :is(
  [style*="font-size: 8px"], [style*="font-size: 9px"],
  [style*="font-size: 10px"], [style*="font-size: 11px"]
){
  font-size: 12px !important;
}
body.nr-home-page #root :is(
  .nr-fw-700, .nr-fw-800, .nr-fw-900, b, strong,
  [style*="font-weight: 700"], [style*="font-weight: 800"], [style*="font-weight: 900"]
){
  font-weight: 500 !important;
}

/* ── Zaokrąglenia: 8 (kontrolki) / 11 (pola w kartach) / 18 (karty) ── */
body.nr-home-page #root .nr-radius-sm,
body.nr-home-page #root .nr-radius-md{ border-radius: 8px; }
body.nr-home-page #root .nr-radius-lg{ border-radius: 12px; }
body.nr-home-page #root :is(.nr-radius-xl, .nr-radius-2xl){ border-radius: 16px; }

/* Pola wewnątrz kart (temperatura, wilgotność, proporcje) */
body.nr-home-page #root :is(.nr-bg-subtle, .nr-bg-scrim-sm){
  background: var(--apple-parchment);
}

/* ── Pola formularzy ────────────────────────────────────────── */
body.nr-home-page #root :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, .nr-fancy-select-trigger){
  background: var(--apple-canvas);
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline);
  border-radius: 8px;
  box-shadow: none;
}
body.nr-home-page #root .nr-layout-resin input[type="text"],
body.nr-home-page #root .nr-fancy-select-trigger{
  border-radius: 9999px;
  padding-inline: 16px;
}

/* ── Suwaki: tor 4px z wypełnieniem w kolorze marki, biała okrągła gałka ── */
body.nr-home-page #root input[type="range"]{
  height: 24px;
}
body.nr-home-page #root input[type="range"]::-webkit-slider-runnable-track{
  height: 4px;
  border: 0;
  border-radius: 9999px;
  box-shadow: none;
  background: linear-gradient(90deg, var(--apple-accent) var(--range-pct), var(--apple-hairline) var(--range-pct));
}
body.nr-home-page #root input[type="range"]::-webkit-slider-thumb{
  width: 24px;
  height: 24px;
  margin-top: -10px;
  border: 1px solid var(--apple-hairline);
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
}
body.nr-home-page #root input[type="range"]::-moz-range-track{
  height: 4px;
  border: 0;
  border-radius: 9999px;
  box-shadow: none;
  background: var(--apple-hairline);
}
body.nr-home-page #root input[type="range"]::-moz-range-progress{
  height: 4px;
  border-radius: 9999px;
  background: var(--apple-accent);
}
body.nr-home-page #root input[type="range"]::-moz-range-thumb{
  width: 24px;
  height: 24px;
  border: 1px solid var(--apple-hairline);
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
}
body.nr-home-page #root input[type="range"]:hover::-webkit-slider-runnable-track{ filter: none; }
body.nr-home-page #root input[type="range"]:focus-visible::-webkit-slider-thumb{
  box-shadow: 0 0 0 2px var(--apple-accent);
}

/* ── Przełączniki segmentowe: tor parchment, aktywny = biała pigułka ── */
body.nr-home-page #root :is(.nr-layerToggle, .nr-simple-shape-seg){
  padding: 2px;
  gap: 2px;
  background: var(--apple-parchment);
  border: 0;
  border-radius: 9999px;
}
body.nr-home-page #root .nr-seg-btn{
  height: 32px;
  padding: 0 14px;
  background: transparent;
  color: var(--apple-ink-80);
  border: 0;
  border-radius: 9999px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 400;
}
body.nr-home-page #root .nr-seg-btn.is-active{
  background: var(--apple-canvas);
  background-image: none;
  color: var(--apple-ink);
  box-shadow: 0 0 0 1px rgba(0,0,0,.08);
}

/* ── Wybór opcji (materiał formy, kształt) = configurator-option-chip ── */
body.nr-home-page #root .nr-layout-mold .nr-grid > button,
body.nr-home-page #root .nr-shape-tile{
  background: var(--apple-canvas);
  color: var(--apple-ink-80);
  border: 1px solid var(--apple-hairline);
  border-radius: 12px;
  box-shadow: none;
}
body.nr-home-page #root .nr-layout-mold .nr-grid > button.nr-is-selected,
body.nr-home-page #root .nr-shape-tile.is-active{
  color: var(--apple-ink);
  border: 2px solid var(--apple-accent);
}
body.nr-home-page #root .nr-layout-mold .nr-grid > button span{
  font-size: 14px;
  font-weight: 400 !important;
}

/* ── Chipy i filtry: biała pigułka, aktywny = obrys w kolorze marki ── */
body.nr-home-page #root :is(.nr-resin-type-filter, .nr-pigments-filter, .nr-finish-sheen-btn){
  height: 32px;
  padding: 0 14px;
  background: var(--apple-canvas) !important;
  color: var(--apple-ink-80) !important;
  border: 1px solid var(--apple-hairline) !important;
  border-radius: 9999px;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 400 !important;
}
body.nr-home-page #root :is(.nr-resin-type-filter, .nr-pigments-filter, .nr-finish-sheen-btn).is-active{
  color: var(--apple-accent) !important;
  border-color: var(--apple-accent) !important;
}
/* Etykiety informacyjne (nie klikalne) — neutralne */
body.nr-home-page #root :is(.nr-rec-project-badge, .nr-pigments-chip, .nr-pigments-pill){
  padding: 4px 10px;
  background: var(--apple-parchment);
  color: var(--apple-ink-80);
  border: 0;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 400;
}
body.nr-home-page #root .nr-pigments-flag{
  color: var(--apple-ink-80);
  font-weight: 400;
}
body.nr-home-page #root .nr-pigments-flag .dot{ background: var(--apple-ink-48); box-shadow: none; }
body.nr-home-page #root .nr-pigments-flag.is-risk,
body.nr-home-page #root .nr-pigments-flag.is-risk .dot{ color: var(--apple-accent); }
body.nr-home-page #root .nr-pigments-flag.is-risk .dot{ background: var(--apple-accent); }

/* ── Banery ostrzeżeń: parchment, bez ramki i ikony ── */
body.nr-home-page #root .nr-brd-box[style*="--nr-warning-soft"],
body.nr-home-page #root .nr-brd-box[style*="--nr-danger-soft"]{
  background: var(--apple-parchment) !important;
  border: 0 !important;
  border-radius: 12px;
}
body.nr-home-page #root .nr-brd-box[style*="--nr-warning-soft"] > span:first-child,
body.nr-home-page #root .nr-brd-box[style*="--nr-danger-soft"] > span:first-child{
  display: none;
}
body.nr-home-page #root [style*="color: var(--nr-warning)"]{
  color: var(--apple-ink) !important;
  font-size: 14px !important;
}

/* ── Wybór trybu: bez maskotek, wyśrodkowany nagłówek + dwie karty ── */
body.nr-home-page #root .dz-brand{ display: none; }
body.nr-home-page #root .dz-inner{
  display: block;
  max-width: 980px;
  margin: 0 auto;
}
body.nr-home-page #root .dz-right{ width: 100%; max-width: none; }
body.nr-home-page #root .dz-section-title{
  font-family: var(--apple-font-display) !important;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  color: var(--apple-ink);
}
body.nr-home-page #root .dz-section-sub{
  margin: 8px 0 32px;
  font-size: 21px;
  line-height: 1.38;
  text-align: center;
  color: var(--apple-ink-80);
}
body.nr-home-page #root .dz-modes{ gap: 24px; }
body.nr-home-page #root .dz-mode{
  padding: 24px;
  background: var(--apple-canvas);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  box-shadow: none;
  text-align: left;
}
body.nr-home-page #root .dz-mode-kicker{ font-size: 12px; color: var(--apple-ink-48); }
body.nr-home-page #root .dz-mode-title{ font-size: 21px; font-weight: 500; color: var(--apple-ink); }
body.nr-home-page #root .dz-mode-sub{ font-size: 14px; color: var(--apple-ink-80); }
body.nr-home-page #root .dz-mode-cta,
body.nr-home-page #root .dz-demo-link{ font-size: 17px; font-weight: 400; color: var(--apple-accent); }
body.nr-home-page #root .dz-area{
  background: var(--apple-parchment);
  border: 1px dashed var(--apple-hairline);
  border-radius: 12px;
}
body.nr-home-page #root .dz-upload-icon{ border-radius: 8px; box-shadow: none; }
@media (max-width: 734px){
  body.nr-home-page #root .dz-section-title{ font-size: 28px; }
  body.nr-home-page #root .dz-section-sub{ font-size: 17px; }
}

/* ── System żywic: zablokowana lista pod lekką mgłą + przycisk „Wybierz żywicę” ──
   Nakładka (inline: inset 0, radial-gradient, blur 2px) ma przepuszczać listę —
   widać, że pod spodem są żywice, jak w oryginale. */
body.nr-home-page #root .nr-layout-resin [style*="backdrop-filter: blur(2px)"]{
  background: rgba(245,245,245,.55) !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
body.nr-home-page #root .nr-layout-resin [style*="backdrop-filter: blur(2px)"] > div{
  padding: 12px 24px !important;
  background: var(--apple-canvas) !important;
  color: var(--apple-ink) !important;
  border: 1px solid var(--apple-hairline-strong) !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

/* ── Wykresy: delikatna czerwień (szczyt egzotermy), turkus/błękit (utwardzanie) ── */
body.nr-home-page #root .nr-temp-bar{
  background: var(--apple-hairline) !important;
  box-shadow: none !important;
  border-radius: 4px 4px 0 0;
}
body.nr-home-page #root .nr-temp-bar{ border-color: var(--apple-hairline) !important; }
body.nr-home-page #root .nr-temp-bar.is-peak{
  background: linear-gradient(180deg, #eca9a2, #f7dcd8) !important;
  border-color: #eca9a2 !important;
}
body.nr-home-page #root .nr-temp-bar.nr-cure-bar.is-pot{
  background: linear-gradient(180deg, #96d7cc, #d6f0eb) !important;
  border-color: #96d7cc !important;
}
body.nr-home-page #root .nr-temp-bar.nr-cure-bar.is-gel{
  background: linear-gradient(180deg, #92b6e6, #d6e4f7) !important;
  border-color: #92b6e6 !important;
}
body.nr-home-page #root .nr-dot{ box-shadow: none !important; }
body.nr-home-page #root .nr-dot.peak{ background: #eca9a2 !important; }
body.nr-home-page #root .nr-dot.cure-pot{ background: #96d7cc !important; border-color: #96d7cc !important; }
body.nr-home-page #root .nr-dot.cure-gel{ background: #92b6e6 !important; border-color: #92b6e6 !important; }

/* ── Rekomendacje ── */
body.nr-home-page #root .nr-rec-icon{ display: none; }
body.nr-home-page #root .nr-rec-title{
  font-size: 21px;
  font-weight: 500;
  color: var(--apple-ink);
}
body.nr-home-page #root .nr-rec-subtitle{ font-size: 14px; color: var(--apple-ink-48); }

/* ── Podsumowanie projektu (style inline) na ciemnym kaflu ── */
body.nr-home-page #root .nr-project-summary .nr-sum-bar > div{
  background: var(--apple-canvas) !important;
  border: 1px solid var(--apple-hairline) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
body.nr-home-page #root .nr-project-summary [style*="radial-gradient"],
body.nr-home-page #root .nr-project-summary > div:first-child > div:first-child{
  display: none;
}
body.nr-home-page #root .nr-project-summary [style*="font-size: 22px"]{
  font-size: 28px !important;
  color: var(--apple-ink) !important;
}

/* ── Barwniki: bez dekoracyjnych wzorów i kolorowych pasków ── */
body.nr-home-page #root .nr-pig-visual,
body.nr-home-page #root .nr-pig-card-layer-icon{ display: none; }
body.nr-home-page #root .nr-pig-card{
  background: var(--apple-canvas);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  box-shadow: none;
}
body.nr-home-page #root .nr-pig-card-name{ font-size: 17px; font-weight: 500; }
body.nr-home-page #root .nr-pig-card-compat-fill{ background-color: var(--apple-ink-80) !important; }
body.nr-home-page #root :is(.nr-pig-card-hint, .nr-pig-card-layer-warn){
  background: var(--apple-parchment);
  color: var(--apple-ink-80);
  border: 0;
  border-radius: 8px;
}

/* ── Okno „Wymiary pola” ── */
body.nr-home-page .nr-simple-shape-overlay{
  background: rgba(0,0,0,.4);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.nr-home-page .nr-simple-shape-modal{
  --nr-text: var(--apple-ink);
  background: var(--apple-canvas);
  color: var(--apple-ink);
  border: 0;
  border-radius: 16px;
  box-shadow: none;
}
body.nr-home-page .nr-simple-shape-title span{ font-size: 12px; color: var(--apple-ink-48); }
body.nr-home-page .nr-simple-shape-title strong{
  font-family: var(--apple-font-display) !important;
  font-size: 28px;
  font-weight: 500;
  color: var(--apple-ink);
}
body.nr-home-page .nr-simple-shape-close{
  width: 32px;
  height: 32px;
  background: var(--apple-parchment);
  color: var(--apple-ink);
  border: 0;
  border-radius: 50%;
}
body.nr-home-page :is(.nr-simple-shape-preview, .nr-simple-shape-summary){
  background: var(--apple-parchment);
  border: 0;
  border-radius: 12px;
}
body.nr-home-page .nr-simple-shape-preview-label{
  background: var(--apple-canvas);
  color: var(--apple-ink-80);
  border: 0;
}
body.nr-home-page .nr-simple-field-label{ font-size: 12px; color: var(--apple-ink-48); }
body.nr-home-page .nr-simple-input{
  background: var(--apple-canvas);
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline);
  border-radius: 8px;
}
body.nr-home-page .nr-simple-area span{ font-size: 12px; color: var(--apple-ink-48); }
body.nr-home-page .nr-simple-area strong{ font-size: 28px; font-weight: 500; color: var(--apple-ink); }
body.nr-home-page .nr-simple-apply{
  background: var(--apple-accent);
  color: #fff;
  border: 0;
  border-radius: 9999px;
  padding: 11px 22px;
  font-size: 17px;
  font-weight: 400;
  box-shadow: none;
}
body.nr-home-page .nr-simple-apply:active{ transform: scale(.95); }
body.nr-home-page .nr-simple-tip{ font-size: 12px; color: var(--apple-ink-48); }
body.nr-home-page .nr-simple-shape-foot{ border-color: var(--apple-divider); }

/* ── Ozdobniki: maskotki usunięte ── */
body.nr-home-page #nr-mascot,
body.nr-home-page #nrl-blob{
  display: none !important;
}
/* Przycisk „Asystent procesu” to jedyne wejście do planu zalewu —
   zostaje, ale jako neutralny okrągły przycisk (button-icon-circular). */
body.nr-home-page #root .nr-process-fab{
  width: 44px !important;
  height: 44px !important;
  background: rgba(210,210,215,.64) !important;
  color: var(--apple-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

/* ── Domknięcie audytu: sekcje poza #root i resztki ─────────── */
body.nr-home-page :is(.nr-home-seo-links, .nr-closing-statement) *:not(h1):not(h2){
  text-transform: none !important;
  letter-spacing: normal !important;
}
/* Teksty zapisane WERSALIKAMI w kodzie (nie akronimy) → zwykły zapis */
body.nr-home-page :is(
  #root .nr-resin-type-pill,
  #root .nr-layout-mold span.nr-uppercase,
  #root span.nr-uppercase.nr-text-2xs,
  .nr-home-seo-links h2,
  .nr-home-seo-kicker,
  .nr-closing-statement__label
){
  display: inline-block;
  text-transform: lowercase !important;
}
body.nr-home-page :is(
  #root .nr-resin-type-pill,
  #root .nr-layout-mold span.nr-uppercase,
  #root span.nr-uppercase.nr-text-2xs,
  .nr-home-seo-links h2,
  .nr-home-seo-kicker,
  .nr-closing-statement__label
)::first-letter{
  text-transform: uppercase;
}

/* Wagi: etykiety 600, tekst ciągły 400 */
body.nr-home-page :is(
  .nr-fab-toggle, .nr-fab-brand, .nr-fab-kicker, .nr-export-v2__label,
  .nr-home-seo-links a, .nr-home-seo-kicker, .nr-ratioLabel,
  .nr-fancy-select-trigger span, .nr-fancy-select-caret, .nr-resin-col-action,
  .dz-mode-kicker, .nr-pig-card-compat-num, .nr-finish-sheen-label,
  .nr-support-ad__kicker,
  [style*="font-weight:700"], [style*="font-weight:800"], [style*="font-weight:900"]
){
  font-weight: 500 !important;
}
body.nr-home-page :is(.nr-pig-card-hint, .nr-pig-card-use, .nr-pig-hero-copy, .nr-pig-card-layer-warn span){
  font-weight: 400 !important;
}
body.nr-home-page .nr-pig-card-hint b{ font-weight: 500 !important; }

/* Rozmiary: minimum 12px; tekst ciągły w kartach 14px */
body.nr-home-page :is(
  .nr-fab-toggle, .nr-fab-kicker, .nr-export-v2__label, .nr-home-seo-kicker,
  #root .nr-layout-mass button span, #root .nr-scrollfade-box span,
  .dz-area-hint, .dz-area-hint b, .nr-wood-edge-value, .nr-wood-edge-value + span,
  .nr-pigments-flag, .nr-pig-card-hint b, .nr-finish-sheen-label,
  [style*="font-size:9px"], [style*="font-size:10px"], [style*="font-size:11px"]
){
  font-size: 12px !important;
}
body.nr-home-page :is(.nr-pig-card-use, .nr-pig-card-hint, .nr-pig-card-layer-warn span){
  font-size: 14px !important;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(span, b, strong, label){ font-size: 12px; }
body.nr-home-page #nr-footer-v4 .ft-tool-head span{ font-size: 14px; }

/* Cienie i poświaty, które zostały */
body.nr-home-page #root :is(button, .nr-brd-box, .nr-support-ad){ box-shadow: none; }
body.nr-home-page #root .nr-layout-resin [style*="box-shadow"]{ box-shadow: none !important; }
body.nr-home-page #root .nr-scrollfade-box span{ font-weight: 500 !important; }
body.nr-home-page #nr-footer-v4 .badge-dot{ box-shadow: none; }
body.nr-home-page #root .nr-seg-btn{ border: 1px solid transparent; }
body.nr-home-page #root .nr-seg-btn.is-active{
  border-color: rgba(0,0,0,.08);
  box-shadow: none;
}

/* Zaokrąglenia, które zostały */
body.nr-home-page .nr-fab-card{ border-radius: 16px; }
body.nr-home-page #root .nr-scrollfade-box{ border-radius: 12px; }
body.nr-home-page #root .nr-layout-resin .nr-scrollfade-box [style*="border-radius"]{ border-radius: 12px !important; }

/* Wartość „+0.0 ml” w kaflu drewna (kolor wpisany inline) */
body.nr-home-page #root .nr-page-shell > .nr-layout-wood .nr-text-xl[style]{ color: var(--apple-ink-48) !important; }

/* ── Karty narzędzi: nagłówek = tagline 21/600, bez znaków wodnych i kursywy ── */
body.nr-home-page #root .nr-page-shell h3:is(.nr-text-sm, .nr-text-md, .nr-text-base){
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 500 !important;
  line-height: 1.19;
  color: var(--apple-ink);
}
body.nr-home-page #root .nr-page-shell h3 > svg{ display: none; }
body.nr-home-page #root .nr-page-shell .nr-absolute.nr-opacity-faint.nr-pointer-none{ display: none; }
body.nr-home-page #root .nr-italic{ font-style: normal; }
body.nr-home-page .nr-fab-hero-copy{ color: var(--apple-ink-80); }

/* ── Przełączniki dwustanowe (Stabilna/Zmienna, Tak/Nie) jak segmentowe ── */
body.nr-home-page #root :is(.nr-layout-conditions, .nr-layout-wood) div:has(> button:is(.nr-h-8, .nr-h-9)){
  gap: 2px;
  padding: 2px;
  background: var(--apple-parchment);
  border-radius: 9999px;
}
body.nr-home-page #root :is(.nr-layout-conditions, .nr-layout-wood) div:has(> button:is(.nr-h-8, .nr-h-9)) > button{
  height: 32px;
  background: transparent;
  color: var(--apple-ink-80);
  border: 1px solid transparent;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 400 !important;
}
body.nr-home-page #root :is(.nr-layout-conditions, .nr-layout-wood) div:has(> button:is(.nr-h-8, .nr-h-9)) > button.nr-bg-white{
  background: var(--apple-canvas);
  color: var(--apple-ink);
  border-color: rgba(0,0,0,.08);
}

/* Nagłówki kart z wykresami (span zamiast h3) — jak pozostałe karty */
body.nr-home-page #root .nr-page-shell span.nr-text-md.nr-uppercase.nr-tracking-xl{
  opacity: 1;
  font-size: 20px;
  font-weight: 500 !important;
  line-height: 1.19;
  color: var(--apple-ink);
}
body.nr-home-page #root .nr-page-shell span.nr-text-md.nr-uppercase.nr-tracking-xl > svg{ display: none; }
body.nr-home-page #root [style*="font-style: italic"]{ font-style: normal !important; }

/* Defekty / Karta / QR — jednakowe neutralne pigułki narzędziowe */
body.nr-home-page #root .nr-mass-action-btn{
  height: 28px;
  padding: 0 12px !important;
  background: var(--apple-parchment) !important;
  color: var(--apple-ink-80) !important;
  border: 0 !important;
  border-radius: 9999px !important;
  font-size: 12px;
  font-weight: 400 !important;
}

/* Okno wymiarów: podgląd kształtu i aktywne pole w kolorze marki (był pomarańcz) */
body.nr-home-page .nr-simple-shape-preview svg :is(rect, ellipse, circle, path, polygon){
  stroke: var(--apple-accent);
  fill: rgba(194,106,97,.12);
}
body.nr-home-page .nr-simple-input:focus{
  border-color: var(--apple-accent);
  outline: 2px solid var(--apple-accent);
  outline-offset: 0;
  box-shadow: none;
}

/* ═══════════════════════════════════════════════════════════════
   Motyw trybwakacyjny.pl — font, plamy w tle, nagłówki sekcji, chipy
   ═══════════════════════════════════════════════════════════════ */
/* EB Garamond (OFL), hostowany lokalnie jak pozostałe kroje strony */
@font-face{
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url(./fonts/ebgaramond-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url(./fonts/ebgaramond-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Pastelowe rozmyte plamy (orb) jak w hero i w kafelku końcowym trybwakacyjny.pl */
body.nr-home-page .nr-calculator-hero .hero,
body.nr-home-page .nr-closing-statement{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
body.nr-home-page .nr-calculator-hero .hero::before,
body.nr-home-page .nr-calculator-hero .hero::after,
body.nr-home-page .nr-closing-statement::before,
body.nr-home-page .nr-closing-statement::after{
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  filter: blur(60px);
  opacity: .55;
  pointer-events: none;
}
body.nr-home-page .nr-calculator-hero .hero::before{ width: 420px; height: 420px; top: -120px; left: -80px; background: #a7e5d3; }
body.nr-home-page .nr-calculator-hero .hero::after{ width: 360px; height: 360px; top: -60px; right: -60px; background: #f4c5a8; }
body.nr-home-page .nr-closing-statement::before{ width: 380px; height: 380px; bottom: -160px; left: -60px; background: #e8b8c4; }
body.nr-home-page .nr-closing-statement::after{ width: 320px; height: 320px; top: -120px; right: -40px; background: #a7e5d3; }
/* „BETA” w etykiecie hero — bez koloru marki (marka tylko w logo i wyróżnieniu nagłówka) */
body.nr-home-page .nr-calculator-hero .eyebrow b{ color: inherit; }

/* Nagłówki sekcji (div/strong w komponentach) jak h2: EB Garamond 36 / 400 */
body.nr-home-page :is(#root .dz-section-title, #root .nr-rec-title, .nr-home-seo-links h2, .nr-fab-hero-title){
  font-family: var(--apple-font-display) !important;
  font-size: 36px;
  font-weight: 400 !important;
  line-height: 1.17;
  color: var(--apple-ink);
}
body.nr-home-page #root .dz-section-sub{ font-size: 20px; }
body.nr-home-page .nr-simple-shape-title strong{ font-weight: 400; }
@media (max-width: 734px){
  body.nr-home-page :is(#root .dz-section-title, #root .nr-rec-title, .nr-home-seo-links h2, .nr-fab-hero-title){ font-size: 30px; }
}

/* Aktywny chip / filtr: wypełniona ciemna pigułka (jak aktywny krok na trybwakacyjny.pl) */
body.nr-home-page #root :is(.nr-resin-type-filter, .nr-pigments-filter, .nr-finish-sheen-btn).is-active{
  background: var(--apple-accent) !important;
  color: #fff !important;
  border-color: var(--apple-accent) !important;
}
/* Przycisk asystenta procesu: biały z cienką ramką */
body.nr-home-page #root .nr-process-fab{
  background: var(--apple-canvas) !important;
  border: 1px solid var(--apple-hairline) !important;
}

/* Fragmenty nagłówków (span, przyciski w zdaniu) — ten sam krój co nagłówek */
body.nr-home-page :is(h1, h2, .nr-export-v2__statement) *{
  font-family: inherit !important;
  font-weight: inherit !important;
}
/* Kafel wyboru trybu: pełna szerokość, bez wewnętrznej ramki.
   Szerokość (width:100%) jest ustawiona inline. Wysokości (56svh, min. 520px)
   nie ruszamy — potrzebuje jej edytor zdjęcia. */
body.nr-home-page #nr-scroll-root .nr-page-shell > .nr-layout-visual{
  width: auto !important;
  max-width: none !important;
}
body.nr-home-page #root .nr-page-shell > .nr-layout-visual .nr-canvaswrap{
  background: transparent;
  border: 0;
}
/* Kwiaty: kolory wpisane pod ciemne tło */
body.nr-home-page .nr-fab-brand{ color: var(--apple-ink-80); }
body.nr-home-page .nr-fab-toggle{
  color: var(--apple-ink);
  background: var(--apple-canvas);
  border-color: var(--apple-hairline-strong);
}
/* Poradniki: opis */
body.nr-home-page .nr-home-seo-links p{ color: var(--apple-ink-80) !important; }
/* Książka: etykieta jak eyebrow, bez koloru marki */
body.nr-home-page .nr-col-span-12:has(a[href*="sovalab.pl/ksiazka"]) p{
  color: var(--apple-ink-48) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.nr-home-page .nr-col-span-12:has(a[href*="sovalab.pl/ksiazka"]) svg{ color: var(--apple-ink-48); }
/* Wsparcie: bez dekoracyjnego wykresu w tle */
body.nr-home-page .nr-support-ad__chart{ display: none; }
/* Baner cookies: tekst na głównym (ciemnym) przycisku */
body.nr-home-page .nr-site-cookie__btn--primary{ color: #fff; }

/* ═══════════════════════════════════════════════════════════════
   Stany po wybraniu żywicy (dane z bazy) — komponenty projektowane
   pod ciemne tło, z kolorami w CSS i inline
   ═══════════════════════════════════════════════════════════════ */
/* Lista żywic: znaczniki typu i źródła danych = plakietki (badge) */
/* .nr-layout-resin w selektorze: musi wygrać z regułą „zwykły zapis” (lowercase) dla filtrów */
body.nr-home-page #root .nr-layout-resin .nr-resin-row .nr-resin-type-pill,
body.nr-home-page #root .nr-layout-resin :is(.nr-tds-pill, .nr-tips-pill){
  display: inline-flex !important;
  align-items: center;
  min-height: 0;
  height: auto;
  padding: 4px 10px;
  background: var(--apple-parchment);
  color: var(--apple-ink);
  border: 0;
  border-radius: 9999px;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  line-height: 1.2;
}
/* Wiersze „oczekujemy na dane”: jasna mgła zamiast ciemnego gradientu, bez wersalików */
body.nr-home-page #root .nr-layout-resin .nr-resin-row.is-pending::after{
  left: 42%;                 /* od kolumny „Max” — nie zasłania plakietek przy nazwie */
  color: var(--apple-ink-80);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  text-shadow: none;
  background: linear-gradient(90deg, rgba(245,245,245,0) 0%, rgba(245,245,245,.94) 6%, rgba(245,245,245,.94) 100%);
}
/* Wybrany wiersz: neutralne tło zamiast różowego; „✓ Wybrana” biały tekst */
body.nr-home-page #root .nr-layout-resin .nr-resin-row.is-active{
  background: var(--apple-parchment) !important;
}
body.nr-home-page #root .nr-layout-resin :is(.nr-resin-picked, .nr-resin-row.is-active .nr-resin-pick){
  background: var(--apple-accent);
  color: #fff;
  border-color: var(--apple-accent);
}

/* Bilans: plakietka „wagowo” i proporcja (kolory inline pod ciemne tło) */
body.nr-home-page #root .nr-mass-row--ratio [style*="padding: 4px 10px"]{
  background: var(--apple-parchment) !important;
  color: var(--apple-ink-80) !important;
}
body.nr-home-page #root .nr-mass-row--ratio [style*="font-size: 15px"]{
  color: var(--apple-ink) !important;
}
body.nr-home-page #root .nr-layout-mass [style*="color: rgb(161, 161, 170)"]{
  color: var(--apple-ink-48) !important;
}

/* Porady dla wybranej żywicy: biała karta zamiast ciemnej */
body.nr-home-page .nr-selected-resin-tips{
  background: var(--apple-canvas);
  color: var(--apple-ink-80);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.nr-home-page .nr-selected-resin-tips__kicker{
  color: var(--apple-ink-48);
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.nr-home-page .nr-selected-resin-tips__title{
  font-family: var(--apple-font-display) !important;
  font-size: 28px;
  font-weight: 400 !important;
  color: var(--apple-ink);
}
body.nr-home-page .nr-selected-resin-tips__meta{ color: var(--apple-ink-48); }
body.nr-home-page .nr-selected-resin-tips__head{ border-color: var(--apple-hairline); }
body.nr-home-page .nr-selected-resin-tip{
  background: var(--tw-soft);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
}
body.nr-home-page .nr-selected-resin-tip__num{ color: var(--apple-ink-48); }
body.nr-home-page .nr-selected-resin-tip__num::after{ background: var(--apple-hairline); }
body.nr-home-page .nr-selected-resin-tip__copy{ color: var(--apple-ink); font-weight: 400 !important; }
body.nr-home-page .nr-selected-resin-tip__chip{
  background: var(--apple-parchment);
  color: var(--apple-ink-80);
  border: 0;
}
body.nr-home-page .nr-selected-resin-tip__foot{ color: var(--apple-ink-48); border-color: var(--apple-hairline); }
body.nr-home-page .nr-selected-resin-tip__foot :last-child{ color: var(--apple-ink-80); }
body.nr-home-page .nr-selected-resin-tips__btn{
  background: transparent;
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline-strong);
  border-radius: 9999px;
  box-shadow: none;
}

/* Rekomendacje: statusy i szybkie tipy lakierów (kolory inline / pod ciemne tło) */
body.nr-home-page #root .nr-rec-section [style*="color: rgba(248, 113, 113"]{ color: #dc2626 !important; }
body.nr-home-page #root .nr-rec-section [style*="color: rgba(245, 158, 11"]{ color: var(--apple-ink-48) !important; }
body.nr-home-page .nr-finish-tips{
  background: var(--tw-soft);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
}
body.nr-home-page .nr-finish-tips,
body.nr-home-page .nr-finish-tips *{
  color: var(--apple-ink-80) !important;
}
body.nr-home-page .nr-finish-tips-title{ color: var(--apple-ink) !important; font-weight: 500 !important; }
/* „Użyj tej żywicy” i inne pełne przyciski w kartach rekomendacji */
body.nr-home-page #root .nr-rec-card-use{
  background: var(--apple-accent) !important;
  color: #fff !important;
  border-color: var(--apple-accent) !important;
  font-weight: 500 !important;
}

/* Podsumowanie doradcy („Żywica / Wykończenie”): teksty kremowe → ink */
body.nr-home-page .nr-advisor-eyebrow{
  color: var(--apple-ink-48);
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.nr-home-page .nr-advisor-title{
  font-family: var(--apple-font-display) !important;
  font-weight: 400 !important;
  color: var(--apple-ink);
}
body.nr-home-page :is(.nr-advisor-lead, .nr-advisor-paragraph, .nr-advisor-item__text){ color: var(--apple-ink-80); }
body.nr-home-page :is(.nr-advisor-block__index, .nr-advisor-block__count, .nr-advisor-details__summary){ color: var(--apple-ink-48); }
body.nr-home-page .nr-advisor-block__title{ color: var(--apple-ink); }
body.nr-home-page :is(.nr-advisor-block, .nr-advisor-item, .nr-advisor-details){ border-color: var(--apple-hairline); }
body.nr-home-page .nr-advisor-item__sev{
  color: var(--apple-ink-48);
  font-weight: 600 !important;
}
body.nr-home-page :is(.nr-advisor-item--warning, .nr-advisor-item--critical) .nr-advisor-item__sev{ color: #dc2626; }

/* ═══ Stopka jak trybwakacyjny.pl: linki w rzędach rozdzielone „·”, drobny druk ═══ */
body:is(.nr-home-page, .nr-page) #nr-footer-v4{
  padding: 64px var(--apple-bleed) 48px;
  font-size: 15px;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-tool-icon, .ft-tool p, .ft-tool-head span + span, .ft-info > h3, .ft-meta, .ft-info > p, .ft-system){
  display: none !important;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-tools, .ft-bottom-grid){
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-bottom-grid{ margin-bottom: 32px; }
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-info, .ft-legal-links){
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-tool, .ft-tool-head, .ft-tool-head span, .ft-legal-links a){
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--apple-ink-80);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--apple-hairline-strong);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-tool + .ft-tool, .ft-legal-links a + a)::before{
  content: "·";
  display: inline-block;
  margin: 0 10px;
  color: var(--apple-ink-48);
  text-decoration: none;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-disclaimer{
  display: block;
  max-width: 820px;
  margin: 0 0 16px;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-disclaimer p{
  margin: 0 0 6px;
  font-size: 13px !important;
  line-height: 1.5;
  color: var(--apple-ink-48);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-baseline{
  justify-content: flex-start;
  gap: 8px 24px;
  padding-top: 16px;
  font-size: 13px;
  color: var(--apple-ink-48);
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-baseline span{ font-size: 13px; }

/* Stopka: bez wysokości minimalnych z oryginału (robiły duże przerwy między rzędami) */
body:is(.nr-home-page, .nr-page) #nr-footer-v4 :is(.ft-tools, .ft-tool, .ft-bottom-grid, .ft-info, .ft-legal-links){
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
}
body:is(.nr-home-page, .nr-page) #nr-footer-v4 .ft-legal-links{ margin: 0; }
/* Poradniki: numery bez koloru marki */
body.nr-home-page .nr-home-seo-links a::before{ color: var(--apple-ink-48) !important; }
/* Rekomendacje: banery ostrzeżeń z kolorami inline (bursztyn) → neutralne */
body.nr-home-page #root .nr-rec-section [style*="rgba(245, 158, 11"]{
  background: var(--apple-parchment) !important;
  border-color: var(--apple-hairline) !important;
}

/* Edytor zdjęcia: przyciski nad płótnem (Zakończ edycję / Dodaj nowe zdjęcie) */
body.nr-home-page #root .nr-edit-topbar button:not(.nr-segBtn){
  background: rgba(255,255,255,.94) !important;
  color: var(--apple-ink) !important;
  border: 1px solid var(--apple-hairline) !important;
  border-radius: 9999px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
/* Pasek narzędzi edytora (poza #root): bez wersalików, pigułki, aktywne = ciemne */
body.nr-home-page #nr-toolbar-root *{
  font-family: var(--apple-font-text) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
body.nr-home-page #nr-toolbar-root :is(.nr-toolbar-dock, .nr-toolbar-hint){
  background: var(--apple-canvas);
  border-color: var(--apple-hairline);
  box-shadow: none;
}
body.nr-home-page #nr-toolbar-root .nr-toolbar-step.active{
  background: var(--apple-parchment);
  color: var(--apple-ink);
}
body.nr-home-page #nr-toolbar-root .nr-toolbar-btn{
  border-radius: 9999px;
  border-color: var(--apple-hairline);
  box-shadow: none;
  font-weight: 500;
}
body.nr-home-page #nr-toolbar-root :is(.nr-toolbar-btn.active, .nr-toolbar-btn.confirm, .nr-toolbar-seg-btn.on){
  background: var(--apple-accent);
  color: #fff;
  border-color: var(--apple-accent);
}
body.nr-home-page #nr-toolbar-root .nr-toolbar-hint-info{
  background: var(--apple-parchment);
  border-radius: 9999px;
}

/* ── Alert warstw / BHP: jasna karta, bez obracających się pierścieni ── */
body.nr-home-page #root #nr-risk-alert{
  background: var(--apple-canvas) !important;
  border-color: var(--apple-hairline) !important;
  box-shadow: none !important;
}
body.nr-home-page #root #nr-risk-alert::before,
body.nr-home-page #root #nr-risk-alert::after,
body.nr-home-page #root #nr-risk-alert .nr-risk-plan::before,
body.nr-home-page #root #nr-risk-alert .nr-risk-plan::after{
  display: none !important;
}
body.nr-home-page #root #nr-risk-alert .nr-risk-plan{
  background: #fdf4f3 !important;
  border: 1px solid #f3d6d2 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
body.nr-home-page #root #nr-risk-alert .nr-risk-plan .nr-bg-abyss{
  background: var(--apple-canvas) !important;
  border: 1px solid var(--apple-hairline) !important;
  border-radius: 12px !important;
}
body.nr-home-page #root #nr-risk-alert .nr-risk-plan .nr-bg-abyss > div:first-child{
  color: var(--nr-danger) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}
body.nr-home-page #root #nr-risk-alert .nr-risk-plan .nr-bg-abyss > div:nth-child(2){ color: var(--apple-ink) !important; }
body.nr-home-page #root #nr-risk-alert .nr-risk-plan .nr-bg-abyss > div:nth-child(3){ color: var(--apple-ink-48) !important; }
body.nr-home-page #root #nr-risk-alert .nr-risk-bhpBadge{
  background: var(--apple-canvas) !important;
  border: 1px solid #f3d6d2 !important;
  color: var(--nr-danger) !important;
  white-space: nowrap;
}

/* ── Gatunek drewna: wszystkie pola tej samej wysokości (44px), wyrównane do dołu ── */
body.nr-home-page #root .nr-wood-row{ align-items: end; }
body.nr-home-page #root .nr-layout-wood :is(select, .nr-wood-edge-input, .nr-wood-row div.nr-h-9){
  height: 44px !important;
  min-height: 44px !important;
  box-sizing: border-box;
  border-radius: 12px !important;
}
body.nr-home-page #root .nr-layout-wood :is(select, .nr-wood-edge-input){
  background: var(--apple-canvas) !important;
  border: 1px solid var(--apple-hairline-strong) !important;
  font-size: 16px !important;
}
body.nr-home-page #root .nr-layout-wood .nr-wood-row div.nr-h-9{
  background: var(--apple-parchment) !important;
  border: 1px solid transparent !important;
}
body.nr-home-page #root .nr-layout-wood div:has(> button.nr-h-9){
  height: 44px;
  box-sizing: border-box;
  padding: 4px;
  border-radius: 12px;
}
body.nr-home-page #root .nr-layout-wood div:has(> button.nr-h-9) > button{
  height: 100%;
  min-height: 0;
  border-radius: 9px;
}

/* ── Karuzele na telefonie: zamiast ciemnego cienia — rozmycie krawędzi jak w iOS ── */
@media (max-width: 820px){
  body.nr-home-page #root :is(.nr-pigments-guide, .nr-rec-section.nr-ui-rec .nr-rec-results)::after{
    display: none;
  }
  body.nr-home-page #root :is(.nr-pig-grid, .nr-rec-podium){
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 56px), rgba(0,0,0,.35) calc(100% - 20px), transparent);
            mask-image: linear-gradient(to right, #000 calc(100% - 56px), rgba(0,0,0,.35) calc(100% - 20px), transparent);
    padding-right: 40px;
    scroll-padding-right: 40px;
  }
}

/* ── Karty rekomendacji (żywice i wykończenia): bez cienia, wagi 500/600 ── */
body.nr-home-page #root .nr-rec-card{
  background: var(--apple-canvas) !important;
  border: 1px solid var(--apple-hairline) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
body.nr-home-page #root .nr-rec-card-brand{
  color: var(--apple-ink-48) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
body.nr-home-page #root :is(.nr-rec-card-name, .nr-rec-card-price-v){ font-weight: 500 !important; }
body.nr-home-page #root .nr-rec-card-price-sub{ color: var(--apple-ink-48) !important; font-weight: 400 !important; }
body.nr-home-page .nr-finish-tips{ padding: 16px !important; }
body.nr-home-page .nr-finish-tips-title{ font-size: 13px !important; margin-bottom: 8px; }
body.nr-home-page .nr-finish-tip-pill{
  background: var(--apple-canvas) !important;
  border: 1px solid var(--apple-hairline) !important;
  border-radius: 12px !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* ═══════════════════════════════════════════════════════════════
   PODSTRONY — bazy danych: żywice (nr-resins-page) i wykończenia
   (nr-lacquers-page). Wspólny układ: nagłówek, pasek filtrów, tabela,
   legenda, karty na telefonie. Kolory w site.css są wpisane pod ciemny
   motyw, więc nadpisujemy je tymi samymi selektorami.
   ═══════════════════════════════════════════════════════════════ */
:is(body.nr-resins-page, body.nr-lacquers-page){
  background: var(--tw-canvas);
}
:is(body.nr-resins-page, body.nr-lacquers-page) .container{
  width: min(1200px, calc(100% - 64px));
  padding: 48px 0 96px;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .page-header{
  gap: 24px;
  margin-bottom: 32px;
  padding-bottom: 0;
  border-bottom: 0;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .page-header::after,
:is(body.nr-resins-page, body.nr-lacquers-page) .page-tag-line{
  display: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .page-back{
  color: var(--apple-ink-80);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .page-back:hover{
  color: var(--apple-ink);
  transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.resin-hero__eyebrow, .resin-hero__scope, .page-tag){
  color: var(--apple-ink-48);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .page-title{
  color: var(--apple-ink);
  font-family: var(--apple-font-display) !important;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.03em;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .page-title .coral{ color: inherit; }
:is(body.nr-resins-page, body.nr-lacquers-page) .page-sub{
  max-width: 640px;
  color: var(--apple-ink-80);
  font-size: 20px;
  line-height: 1.5;
}
/* Liczby w nagłówku: biała karta z cienką ramką */
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-hero__main{ gap: 48px; }
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-hero__side{
  padding: 24px;
  background: var(--apple-canvas);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-hero__metric-value{
  color: var(--apple-ink);
  font-family: var(--apple-font-display) !important;
  font-size: 56px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.resin-hero__metric-label, .resin-hero__stat small){
  color: var(--apple-ink-48);
  font-size: 14px;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-hero__stats{
  border-color: var(--apple-hairline);
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-hero__stat{
  border-color: var(--apple-hairline);
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-hero__stat span{
  color: var(--apple-ink);
  font-family: var(--apple-font-display) !important;
  font-size: 32px;
  font-weight: 400;
}

/* Pasek filtrów */
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar{
  min-height: 0;
  padding: 16px 20px;
  background: var(--apple-canvas);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar__hint{
  color: var(--apple-ink-80);
  font-size: 14px;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar__count{
  color: var(--apple-ink-48);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar__chips > *{
  background: var(--apple-parchment);
  color: var(--apple-ink);
  border: 0;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar__clear{
  min-height: 36px;
  padding: 0 16px;
  background: transparent;
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline-strong);
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar__clear:hover{
  background: var(--apple-parchment);
  border-color: var(--apple-hairline-strong);
  color: var(--apple-ink);
}

/* Pasek filtrów w jednym rzędzie: podpowiedź, licznik, aktywne filtry, „Wyczyść” */
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar__main{
  flex: 1 1 320px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar__chips:empty{ display: none; }
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar__clear{ margin: 0; }
:is(body.nr-resins-page, body.nr-lacquers-page) .resin-filterbar__clear[hidden]{ display: none; }

/* Tabela: biała karta, wiersze rozdzielone cienką linią (bez kafelka na wiersz) */
:is(body.nr-resins-page, body.nr-lacquers-page) .table-wrap{
  padding: 0;
  background: var(--apple-canvas);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) table{
  border-collapse: separate;
  border-spacing: 0;
}
:is(body.nr-resins-page, body.nr-lacquers-page) thead{ background: transparent; }
:is(body.nr-resins-page, body.nr-lacquers-page) thead th{
  padding: 16px;
  background: var(--apple-canvas);
  color: var(--apple-ink-48);
  border: 0;
  border-bottom: 1px solid var(--apple-hairline);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
:is(body.nr-resins-page, body.nr-lacquers-page) thead th::after{ display: none; }
:is(body.nr-resins-page, body.nr-lacquers-page) tbody td,
:is(body.nr-resins-page, body.nr-lacquers-page) tbody td:is(:first-child, :last-child){
  padding: 16px;
  background: transparent;
  color: var(--apple-ink-80);
  border: 0;
  border-bottom: 1px solid var(--apple-divider);
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}
:is(body.nr-resins-page, body.nr-lacquers-page) tbody tr:last-child td{ border-bottom: 0; }
:is(body.nr-resins-page, body.nr-lacquers-page) tbody tr:hover td{ background: var(--tw-soft); }
:is(body.nr-resins-page, body.nr-lacquers-page) .td-brand{
  color: var(--apple-ink-80);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.td-product-name, .td-product-name:visited){
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .td-product-name:hover{
  color: var(--apple-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.td-ratio, .td-ratio-type, .td-thick, .td-effect, .td-method){
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.td-ratio, .td-ratio-type, .td-thick, .td-effect, .td-method)::before{
  color: var(--apple-ink-48);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.unit, .rc-thick-unit){
  color: var(--apple-ink-48);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .row-pending-msg{
  color: var(--apple-ink-48);
  font-size: 14px;
  font-style: normal;
}

/* Szerokości kolumn: więcej miejsca na dwa przyciski w ostatniej kolumnie */
body.nr-resins-page table{ min-width: 1080px; }
body.nr-resins-page table th:nth-child(1){ width: 12%; }
body.nr-resins-page table th:nth-child(2){ width: 24%; }
body.nr-resins-page table th:nth-child(3){ width: 9%; }
body.nr-resins-page table th:nth-child(4){ width: 13%; }
body.nr-resins-page table th:nth-child(5){ width: 7%; }
body.nr-resins-page table th:nth-child(6){ width: 9%; }
body.nr-resins-page table th:nth-child(7){ width: 8%; }
body.nr-resins-page table th:nth-child(8){ width: 18%; }

/* Wykończenia: tabela mieści się w kontenerze, długie wartości się zawijają */
body.nr-lacquers-page table{ min-width: 1080px; }
body.nr-lacquers-page table th:nth-child(1){ width: 11%; }
body.nr-lacquers-page table th:nth-child(2){ width: 21%; }
body.nr-lacquers-page table th:nth-child(3){ width: 11%; }
body.nr-lacquers-page table th:nth-child(4){ width: 14%; }
body.nr-lacquers-page table th:nth-child(5){ width: 15%; }
body.nr-lacquers-page table th:nth-child(6){ width: 13%; }
body.nr-lacquers-page table th:nth-child(7){ width: 15%; }
body.nr-lacquers-page :is(.td-type, .td-effect, .td-method, .td-compat, .td-thermal){ white-space: normal; }
body.nr-lacquers-page .td-tds-meta{
  color: var(--apple-ink-48);
  font-size: 13px;
  font-weight: 400;
}

/* Plakietki: jedna neutralna pigułka; „niepotwierdzone” i statusy TDS jako obrys */
:is(body.nr-resins-page, body.nr-lacquers-page) .badge{
  min-height: 24px;
  padding: 2px 10px;
  background: var(--apple-parchment);
  color: var(--apple-ink-80);
  border: 1px solid transparent;
  border-radius: 9999px;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.badge--tds, .td-name .badge--tds, .badge--pig-missing, .b-compat-check){
  padding: 2px 10px;
  font-size: 12px;
  letter-spacing: normal;
  background: var(--apple-canvas);
  color: var(--apple-ink-48);
  border-color: var(--apple-hairline-strong);
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.pigment-pct, .rc-pigment-pct){
  background: transparent;
  color: var(--apple-ink-48);
  border: 0;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) [data-filter-key]:is(:hover, :focus-visible){
  outline: none;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Przyciski w wierszu: „Karta” = ciemna pigułka, „Kup teraz” = obrys */
:is(body.nr-resins-page, body.nr-lacquers-page) .buy-link,
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.td-buy-actions, .rc-actions) .buy-link{
  min-height: 32px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline-strong);
  border-radius: 9999px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .buy-link:hover{
  background: var(--apple-parchment);
  color: var(--apple-ink);
  border-color: var(--apple-hairline-strong);
  transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .buy-link.product-card-cta,
:is(body.nr-resins-page, body.nr-lacquers-page) .rc-actions .product-card-cta{
  background: var(--apple-accent);
  color: #fff;
  border-color: var(--apple-accent);
}
:is(body.nr-resins-page, body.nr-lacquers-page) .buy-link.product-card-cta:hover,
:is(body.nr-resins-page, body.nr-lacquers-page) .rc-actions .product-card-cta:hover{
  background: var(--apple-ink);
  color: #fff;
  border-color: var(--apple-ink);
}
:is(body.nr-resins-page, body.nr-lacquers-page) .buy-link:active{ transform: scale(.95); }

/* Legenda TDS i panel linków pod tabelą */
:is(body.nr-resins-page, body.nr-lacquers-page) .tds-legend{
  margin-top: 24px;
  padding: 20px 24px;
  background: var(--apple-canvas);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .tds-legend-title{
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .tds-legend-item{
  color: var(--apple-ink-80);
  font-size: 14px;
}

/* Karty na telefonie */
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.r-card, .l-card){
  background: var(--apple-canvas);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.rc-name, .rc-name a, .lc-name){
  color: var(--apple-ink);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.rc-brand, .lc-brand, .lc-meta, .lc-right-label){
  color: var(--apple-ink-48);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
:is(body.nr-resins-page, body.nr-lacquers-page) :is(.rc-right, .lc-right){
  background: var(--apple-parchment);
  border: 0;
  border-radius: 12px;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .rc-thick{
  color: var(--apple-ink);
  font-family: var(--apple-font-display) !important;
  font-size: 32px;
  font-weight: 400;
}
:is(body.nr-resins-page, body.nr-lacquers-page) .lc-right-value{
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
}

@media (max-width: 734px){
  :is(body.nr-resins-page, body.nr-lacquers-page) .container{
    width: calc(100% - 40px);
    padding-top: 32px;
  }
  :is(body.nr-resins-page, body.nr-lacquers-page) .page-title{ font-size: 44px; }
  :is(body.nr-resins-page, body.nr-lacquers-page) .page-sub{ font-size: 17px; }
  :is(body.nr-resins-page, body.nr-lacquers-page) .resin-hero__metric-value{ font-size: 44px; }
}
body.nr-lacquers-page .badge{ white-space: normal; text-align: left; line-height: 1.3; }

/* Panel „Poradniki i porównania” pod tabelą wykończeń */
body.nr-lacquers-page .nr-seo-link-panel .tds-legend-title{ color: var(--apple-ink); }
body.nr-lacquers-page .nr-seo-link-panel .rp-related{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 16px;
}
body.nr-lacquers-page .nr-seo-link-panel .rp-related__item{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 0;
  padding: 16px;
  background: var(--apple-parchment);
  border: 0;
  border-radius: 12px;
  box-shadow: none;
  color: var(--apple-ink);
  text-decoration: none;
}
body.nr-lacquers-page .nr-seo-link-panel .rp-related__item:is(:hover, :focus-visible){
  background: var(--apple-hairline);
  transform: none;
}
body.nr-lacquers-page .nr-seo-link-panel .rp-related__item span{
  color: var(--apple-ink-48);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.nr-lacquers-page .nr-seo-link-panel .rp-related__item strong{
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
body.nr-lacquers-page .nr-seo-link-panel .rp-related__item small{
  color: var(--apple-ink-48);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}

/* ═══════════════════════════════════════════════════════════════
   PODSTRONY — porównywarka żywic (nr-resin-compare-page).
   Style strony są w <style> w HTML i opierają się na zmiennych --cmp-*,
   więc najpierw podmieniamy zmienne, potem kolory wpisane na sztywno.
   ═══════════════════════════════════════════════════════════════ */
body.nr-resin-compare-page{
  --cmp-bg: var(--tw-canvas);
  --cmp-panel: var(--apple-canvas);
  --cmp-panel-2: var(--apple-parchment);
  --cmp-line: var(--apple-hairline);
  --cmp-line-strong: var(--apple-hairline-strong);
  --cmp-ink: var(--apple-ink);
  --cmp-muted: var(--apple-ink-48);
  --cmp-soft: var(--apple-parchment);
  --cmp-orange: var(--apple-accent);
  --cmp-orange-soft: var(--apple-parchment);
  --cmp-green: var(--apple-ink);
  --cmp-red: var(--nr-danger, #dc2626);
  --cmp-radius: 16px;
  --cmp-mono: var(--apple-font-text);
  --cmp-sans: var(--apple-font-text);
  background: var(--tw-canvas);
  color: var(--apple-ink-80);
}
body.nr-resin-compare-page .cmp-shell{
  width: min(1200px, calc(100% - 64px));
  padding: 48px 0 96px;
}
body.nr-resin-compare-page .cmp-back{
  color: var(--apple-ink-80);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
body.nr-resin-compare-page .cmp-kicker{
  color: var(--apple-ink-48);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
}
body.nr-resin-compare-page .cmp-title{
  color: var(--apple-ink);
  font: 400 64px/1.05 var(--apple-font-display);
  letter-spacing: -0.03em;
}
body.nr-resin-compare-page .cmp-title span{ color: inherit; }
body.nr-resin-compare-page .cmp-lead{
  color: var(--apple-ink-80);
  font: 400 20px/1.5 var(--apple-font-text);
}
body.nr-resin-compare-page .cmp-hero-stats{
  background: var(--apple-canvas);
  border-color: var(--apple-hairline);
}
body.nr-resin-compare-page .cmp-stat span{
  color: var(--apple-ink-48);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
body.nr-resin-compare-page .cmp-stat strong{
  color: var(--apple-ink);
  font-family: var(--apple-font-display) !important;
  font-size: 32px;
  font-weight: 400;
}
body.nr-resin-compare-page .cmp-toolbar{
  background: var(--apple-canvas);
  border-color: var(--apple-hairline);
  border-radius: 16px 16px 0 0;
}
body.nr-resin-compare-page .cmp-chip{
  background: var(--apple-parchment);
  color: var(--apple-ink-80);
  border: 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
body.nr-resin-compare-page .cmp-btn{
  min-height: 36px;
  background: transparent;
  color: var(--apple-ink);
  border-color: var(--apple-hairline-strong);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
body.nr-resin-compare-page .cmp-btn:hover{
  background: var(--apple-parchment);
  color: var(--apple-ink);
  border-color: var(--apple-hairline-strong);
}
body.nr-resin-compare-page .cmp-btn--primary,
body.nr-resin-compare-page .cmp-btn--primary:hover{
  background: var(--apple-accent);
  color: #fff;
  border-color: var(--apple-accent);
}
body.nr-resin-compare-page .cmp-btn:active{ transform: scale(.95); }
body.nr-resin-compare-page .cmp-table-wrap{
  background: var(--apple-canvas);
  border-color: var(--apple-hairline);
  border-radius: 0 0 16px 16px;
}
body.nr-resin-compare-page .cmp-table :is(th, td){
  background: var(--apple-canvas);
  border-color: var(--apple-divider);
}
body.nr-resin-compare-page .cmp-param{ background: var(--tw-soft); }
body.nr-resin-compare-page .cmp-param span{
  color: var(--apple-ink-48);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
body.nr-resin-compare-page .cmp-param strong{
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
}
body.nr-resin-compare-page .cmp-add-card{
  background: transparent;
  color: var(--apple-ink-48);
  border: 1px dashed var(--apple-hairline-strong);
  border-radius: 12px;
  font: 500 14px/1.2 var(--apple-font-text);
  letter-spacing: normal;
  text-transform: none;
}
body.nr-resin-compare-page .cmp-add-card strong{
  background: var(--apple-accent);
  color: #fff;
  border: 0;
  font: 400 24px/1 var(--apple-font-text);
}
body.nr-resin-compare-page .cmp-add-card:hover{
  background: var(--tw-soft);
  color: var(--apple-ink);
  border-color: var(--apple-accent);
}
body.nr-resin-compare-page .cmp-empty-cell{ color: var(--apple-hairline-strong); }
body.nr-resin-compare-page .cmp-value{ background: transparent; }
body.nr-resin-compare-page .cmp-value strong{
  color: var(--apple-ink);
  font: 500 17px/1.25 var(--apple-font-text);
}
body.nr-resin-compare-page .cmp-value small{
  color: var(--apple-ink-48);
  font: 400 13px/1.4 var(--apple-font-text);
}
body.nr-resin-compare-page .cmp-value a{
  color: var(--apple-ink);
  border-bottom-color: var(--apple-hairline-strong);
}
body.nr-resin-compare-page .cmp-value a:hover{ color: var(--apple-ink); border-bottom-color: var(--apple-ink); }
body.nr-resin-compare-page .cmp-cell-score-good strong{ font-weight: 600; }
body.nr-resin-compare-page .cmp-cell-score-warn strong{ color: var(--apple-ink-48); }
body.nr-resin-compare-page :is(.cmp-brand, .cmp-meta-line){
  color: var(--apple-ink-48);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
body.nr-resin-compare-page .cmp-product{
  font-family: var(--apple-font-text) !important;
  color: var(--apple-ink);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: normal;
}
body.nr-resin-compare-page .cmp-badge,
body.nr-resin-compare-page :is(.cmp-badge--orange, .cmp-badge--green){
  background: var(--apple-parchment);
  color: var(--apple-ink-80);
  border-color: transparent;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
body.nr-resin-compare-page .cmp-mini-btn{
  background: transparent;
  color: var(--apple-ink-80);
  border-color: var(--apple-hairline-strong);
}
body.nr-resin-compare-page .cmp-mini-btn:hover{
  background: var(--apple-parchment);
  color: var(--apple-ink);
  border-color: var(--apple-hairline-strong);
}
/* Okno wyboru żywicy */
body.nr-resin-compare-page .cmp-picker{ background: rgba(12,10,9,.32); }
body.nr-resin-compare-page .cmp-picker__panel{
  background: var(--apple-canvas);
  border-color: var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
}
body.nr-resin-compare-page .cmp-picker__head h2{
  color: var(--apple-ink);
  font: 400 32px/1.1 var(--apple-font-display);
  letter-spacing: -0.02em;
}
body.nr-resin-compare-page .cmp-search{
  background: var(--apple-canvas);
  color: var(--apple-ink);
  border-color: var(--apple-hairline-strong);
  border-radius: 9999px;
  font: 400 16px/1 var(--apple-font-text);
}
body.nr-resin-compare-page .cmp-search:focus{
  border-color: var(--apple-accent);
  box-shadow: none;
}
body.nr-resin-compare-page .cmp-option{
  background: var(--apple-canvas);
  color: var(--apple-ink);
  border-color: var(--apple-hairline);
  border-radius: 12px;
}
body.nr-resin-compare-page .cmp-option:is(:hover, :focus){
  background: var(--tw-soft);
  border-color: var(--apple-hairline-strong);
}
body.nr-resin-compare-page .cmp-option__name{
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
}
body.nr-resin-compare-page .cmp-option__meta{
  color: var(--apple-ink-48);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
@media (max-width: 734px){
  body.nr-resin-compare-page .cmp-shell{ width: 100%; padding-top: 32px; }
  body.nr-resin-compare-page :is(.cmp-hero, .cmp-workspace){ padding-left: 20px; padding-right: 20px; }
  body.nr-resin-compare-page .cmp-title{ font-size: 44px; }
  body.nr-resin-compare-page .cmp-lead{ font-size: 17px; }
}

/* ═══════════════════════════════════════════════════════════════
   PODSTRONY — karty żywic i wykończeń, strony marek, poradniki SEO
   i porównania (product-card.css, klasy .rp-*). ~300 stron.
   Kafle: białe karty z cienką ramką, bez cieni i pomarańczu;
   „Maks. warstwa” zostaje jedynym ciemnym kaflem.
   ═══════════════════════════════════════════════════════════════ */
body:is(.nr-resin-product-page, .nr-finish-product-page){
  --rp-bg: var(--tw-canvas);
  --rp-paper: var(--apple-canvas);
  --rp-paper-2: var(--apple-parchment);
  --rp-ink: var(--apple-ink);
  --rp-muted: var(--apple-ink-48);
  --rp-line: var(--apple-hairline);
  --rp-orange: var(--apple-accent);
  --rp-orange-dark: var(--apple-ink-48);
  --rp-black: var(--apple-ink);
  --rp-cream: var(--apple-canvas);
  background: var(--tw-canvas);
  color: var(--apple-ink-80);
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-shell{
  width: min(1200px, calc(100% - 64px));
  padding: 32px 0 96px;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-breadcrumbs{
  color: var(--apple-ink-48);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-breadcrumbs a{ color: var(--apple-ink-80); }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-breadcrumbs a:hover{ color: var(--apple-ink); }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-breadcrumbs span[aria-current="page"]{ color: var(--apple-ink-48); }

/* Karty */
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-hero__main, .rp-card, .rp-buy){
  background: var(--apple-canvas);
  border: 1px solid var(--apple-hairline);
  border-radius: 16px;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-hero__main{ min-height: 0; }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-hero__main::before{ display: none; }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-kicker{
  color: var(--apple-ink-48);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-title{
  color: var(--apple-ink);
  font-family: var(--apple-font-display) !important;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.03em;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-lead{
  color: var(--apple-ink-80);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-tag{
  padding: 4px 12px;
  background: var(--apple-parchment);
  color: var(--apple-ink-80);
  border: 0;
  font-size: 13px;
  font-weight: 500;
}

/* Kafle boczne: pierwszy ciemny, drugi (dawniej pomarańczowy) biały */
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-side__panel{
  min-height: 0;
  padding: 24px;
  background: var(--apple-tile);
  border-radius: 16px;
  box-shadow: none;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-side__label{
  color: #a8a29e;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-side__value{
  margin-top: 16px;
  font-family: var(--apple-font-display) !important;
  font-size: 56px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-side__note{
  color: #d6d3d1;
  font-size: 14px;
  line-height: 1.5;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-side__panel.is-orange{
  background: var(--apple-canvas);
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline);
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-side__panel.is-orange .rp-side__label{ color: var(--apple-ink-48); }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-side__panel.is-orange .rp-side__note{ color: var(--apple-ink-48); }

/* Treść kart */
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-card, .rp-buy) h2{
  color: var(--apple-ink);
  font-family: var(--apple-font-display) !important;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-card p{
  color: var(--apple-ink-80);
  font-size: 16px;
  line-height: 1.6;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-card p, .rp-tip, .rp-faq__item p) strong{
  color: var(--apple-ink);
  font-weight: 500;
}

/* Kafelki w kartach: parchment, bez ramki (jak pola w kartach na stronie głównej) */
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-fact, .rp-tip, .rp-faq__item, .rp-related__item, .rp-product-list__item, .rp-compare-row){
  background: var(--apple-parchment);
  border: 0;
  border-radius: 12px;
  box-shadow: none;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-fact{ min-height: 0; }
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-fact span, .rp-related__item span, .rp-product-list__item span){
  color: var(--apple-ink-48);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-fact strong{
  color: var(--apple-ink);
  font-size: 17px;
  font-weight: 500;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-tip{
  color: var(--apple-ink-80);
  font-size: 14px;
  line-height: 1.55;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-faq__item summary{
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-faq__item p{
  color: var(--apple-ink-80);
  font-size: 15px;
  line-height: 1.6;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-related__item, .rp-product-list__item){ min-height: 0; }
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-related__item, .rp-product-list__item):hover{
  background: var(--apple-hairline);
  border-color: transparent;
  box-shadow: none;
  transform: none;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-related__item strong, .rp-product-list__item strong){
  color: var(--apple-ink);
  font-size: 15px;
  font-weight: 500;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-related__item small, .rp-product-list__item small){
  color: var(--apple-ink-48);
  font-size: 13px;
  font-weight: 400;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-compare-row{ color: var(--apple-ink-80); }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-compare-row strong{ color: var(--apple-ink); font-weight: 500; }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-compare-row span{ color: var(--apple-ink-80); font-weight: 500; }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-compare-row a:hover{ color: var(--apple-ink); }

/* Przyciski */
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-link, .rp-button){
  min-height: 44px;
  padding: 0 20px;
  background: transparent;
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline-strong);
  border-radius: 9999px;
  box-shadow: none;
  font-size: 15px;
  font-weight: 500;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-button{
  background: var(--apple-accent);
  color: #fff;
  border-color: var(--apple-accent);
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-link:hover{ background: var(--apple-parchment); }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-button:hover{ background: var(--apple-ink); color: #fff; }
body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-link, .rp-button):active{ transform: scale(.95); }
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-buy p,
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-note{
  color: var(--apple-ink-48);
  font-size: 14px;
}
body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-note{ font-size: 13px; }

@media (max-width: 734px){
  body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-shell{
    width: calc(100% - 40px);
    padding-top: 20px;
  }
  body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-title{ font-size: 40px; }
  body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-lead{ font-size: 17px; }
  body:is(.nr-resin-product-page, .nr-finish-product-page) .rp-side__value{ font-size: 44px; }
  body:is(.nr-resin-product-page, .nr-finish-product-page) :is(.rp-card, .rp-buy) h2{ font-size: 28px; }
}

/* ═══════════════════════════════════════════════════════════════
   PODSTRONY — zmienne, których jasny motyw z site.css nie nadpisywał.
   Ciemny :root definiuje ~120 kolorów (np. --nr-text-soft #d2d0ca),
   których używają strony projektowane pod ciemne tło: dokumentacja,
   changelog, blog, BHP, status, formularze. Tylko body.nr-page —
   strona główna ma własne, sprawdzone nadpisania.
   ═══════════════════════════════════════════════════════════════ */
:root[data-theme="light"] body.nr-page{
  /* Marka i akcenty: koral tylko w logo, reszta neutralna */
  --nr-brand-accent: var(--apple-accent);
  --nr-brand-accent-strong: var(--apple-ink);
  --nr-brand-accent-soft: var(--apple-ink-48);
  --nr-brand-accent-dim: var(--apple-parchment);
  --nr-brand-teal: var(--apple-ink-48);
  --nr-brand-teal-strong: var(--apple-ink-80);
  --nr-brand-teal-dim: var(--apple-parchment);
  --nr-brand-gold: var(--apple-ink-48);
  --nr-brand-purple: var(--apple-ink-48);
  --nr-teal: var(--apple-ink-48);
  --nr-accent-soft: var(--apple-ink-48);
  /* Statusy: zostają semantyczne, ale w odcieniach czytelnych na jasnym tle */
  --nr-brand-amber: #b45309;
  --nr-brand-warning: #b45309;
  --nr-brand-green: #16a34a;
  --nr-brand-success: #16a34a;
  --nr-brand-danger: #dc2626;
  --nr-brand-offline: #dc2626;
  --nr-success: #16a34a;
  --nr-warning: #b45309;
  --nr-danger: #dc2626;
  --nr-info: var(--apple-ink-80);
  --nr-info-soft: var(--apple-parchment);
  --nr-info-brd: var(--apple-hairline);
  --nr-success-soft: rgba(22,163,74,.08);
  --nr-success-brd: rgba(22,163,74,.24);
  --nr-warning-soft: rgba(180,83,9,.08);
  --nr-warning-brd: rgba(180,83,9,.24);
  --nr-danger-soft: rgba(220,38,38,.06);
  --nr-danger-brd: rgba(220,38,38,.24);
  --nr-surface-success-ui: rgba(22,163,74,.08);
  --nr-shadow-ring-warning: none;

  /* Tła i powierzchnie */
  --nr-bg-2: var(--tw-canvas);
  --nr-bg-3: var(--tw-canvas);
  --nr-bg-strong: var(--tw-canvas);
  --nr-surface-2: var(--apple-canvas);
  --nr-surface-3: var(--apple-parchment);
  --nr-surface-card: var(--apple-canvas);
  --nr-surface-soft: var(--tw-soft);
  --nr-surface-strong: var(--apple-parchment);
  --nr-surface-faint: var(--tw-soft);
  --nr-surface-soft-strong: var(--apple-parchment);
  --nr-surface-chip: var(--apple-parchment);
  --nr-surface-chip-strong: var(--apple-hairline);
  --nr-surface-overlay: rgba(255,255,255,.92);
  --nr-surface-overlay-strong: var(--apple-canvas);
  --nr-surface-overlay-soft: rgba(255,255,255,.6);
  --nr-surface-mask: rgba(245,245,245,.95);
  --nr-surface-skip: var(--apple-canvas);
  --nr-surface-info-ui: var(--apple-parchment);
  --nr-surface-info-strong: var(--apple-parchment);
  --nr-surface-warning-ui: var(--apple-parchment);
  --nr-surface-warning-strong: var(--apple-parchment);
  --nr-surface-hover-faint: var(--tw-soft);
  --nr-surface-hover: var(--apple-parchment);
  --nr-surface-hover-strong: var(--apple-hairline);
  --nr-surface-hover-brd: var(--apple-hairline-strong);
  --nr-surface-control-idle: var(--apple-canvas);
  --nr-surface-control-active: var(--apple-parchment);
  --nr-surface-abyss: var(--apple-parchment);
  --nr-surface-darkest: var(--apple-tile);
  --nr-input-bg: var(--apple-canvas);
  --nr-overlay: rgba(12,10,9,.32);
  --nr-gradient-page: var(--tw-canvas);
  --nr-gradient-loader: var(--tw-canvas);
  --nr-gradient-viz: var(--apple-parchment);

  /* Tekst */
  --nr-text-soft: var(--apple-ink-80);
  --nr-text-mid: var(--apple-ink-48);
  --nr-text-dim: var(--apple-ink-48);
  --nr-text-faint: #a8a29e;
  --nr-text-hi: var(--apple-ink);
  --nr-text-mid-alt: var(--apple-ink-48);
  --nr-text-lo: var(--apple-ink-48);
  --nr-text-strong-alpha: var(--apple-ink);
  --nr-text-soft-alpha: var(--apple-ink-80);
  --nr-text-muted-alpha: var(--apple-ink-80);
  --nr-text-subtle: var(--apple-ink-48);
  --nr-text-subtle-strong: var(--apple-ink-80);
  --nr-text-muted: var(--apple-ink-80);
  --nr-text-paper: var(--apple-ink);

  /* Linie */
  --nr-border-soft: var(--apple-hairline);
  --nr-border-strong: var(--apple-hairline-strong);
  --nr-line: var(--apple-hairline);
  --nr-border-faint: var(--apple-hairline);
  --nr-border-soft-ui: var(--apple-hairline);
  --nr-border-soft-plus: var(--apple-hairline);
  --nr-border-mid: var(--apple-hairline);
  --nr-border-strong-ui: var(--apple-hairline-strong);
  --nr-border-stronger: var(--apple-hairline-strong);
  --nr-border-info-ui: var(--apple-hairline);
  --nr-border-warning-ui: var(--apple-hairline);
  --nr-border-emphasis: var(--apple-hairline-strong);
  --nr-border-emphasis-strong: var(--apple-ink-48);
  --nr-border-control-active: var(--apple-ink);

  /* Kontrolki formularzy */
  --nr-control-bg-deep: var(--apple-canvas);
  --nr-control-bg-dark: var(--apple-canvas);
  --nr-control-bg-strong: var(--apple-parchment);
  --nr-control-bg-elevated: var(--apple-canvas);
  --nr-control-bg-active: var(--apple-parchment);
  --nr-control-border-dark: var(--apple-hairline);
  --nr-control-border-soft: var(--apple-hairline);
  --nr-control-border-strong: var(--apple-hairline-strong);
  --nr-control-border-contrast: var(--apple-hairline-strong);
  --nr-control-text: var(--apple-ink);
  --nr-control-text-soft: var(--apple-ink);
  --nr-control-text-mid: var(--apple-ink-80);
  --nr-control-text-dim: var(--apple-ink-48);
  --nr-control-text-faint: var(--apple-ink-48);
}

/* Aliasy z :root (np. --text-soft: var(--nr-text-soft)) są liczone już na :root,
   więc powtarzamy je tutaj — przeliczą się z jasnymi wartościami z bloku wyżej. */
:root[data-theme="light"] body.nr-page{
  --radius-md: var(--nr-radius-md);
  --radius-lg: var(--nr-radius-lg);
  --radius-xl: var(--nr-radius-xl);
  --nr-gold: var(--nr-brand-gold);
  --bg: var(--nr-bg);
  --bg-deep: var(--nr-bg-deep);
  --bg-2: var(--nr-bg-2);
  --bg-3: var(--nr-bg-3);
  --bg-strong: var(--nr-bg-strong);
  --surface: var(--nr-surface);
  --surface2: var(--nr-surface-2);
  --surface-alt: var(--nr-surface-alt);
  --surface-elevated: var(--nr-surface-elevated);
  --surface-2: var(--nr-surface-2);
  --surface-3: var(--nr-surface-3);
  --card: var(--nr-surface-card);
  --border: var(--nr-border);
  --border2: var(--nr-border-strong);
  --border-strong: var(--nr-border-strong);
  --border-soft: var(--nr-border-soft);
  --line: var(--nr-line);
  --text: var(--nr-text);
  --text-soft: var(--nr-text-soft);
  --text-hi: var(--nr-text-hi);
  --text-mid: var(--nr-text-mid-alt);
  --text-lo: var(--nr-text-lo);
  --text-muted: var(--nr-text-subtle-strong);
  --text-dim: var(--nr-text-subtle);
  --text2: var(--nr-text-soft);
  --muted: var(--nr-text-mid);
  --mid: var(--nr-text-mid);
  --dim: var(--nr-text-dim);
  --faint: var(--nr-text-faint);
  --accent: var(--nr-brand-accent);
  --accent2: var(--nr-brand-accent-strong);
  --accent-soft: var(--nr-brand-accent-soft);
  --accent-dim: var(--nr-brand-accent-dim);
  --coral: var(--nr-brand-accent);
  --coral-dim: var(--nr-brand-accent-dim);
  --red: var(--nr-brand-accent);
  --red-dim: var(--nr-brand-accent-dim);
  --teal: var(--nr-brand-teal);
  --teal2: var(--nr-brand-teal-strong);
  --teal-dim: var(--nr-brand-teal-dim);
  --gold: var(--nr-brand-gold);
  --amber: var(--nr-brand-amber);
  --green: var(--nr-brand-green);
  --purple: var(--nr-brand-purple);
  --online: var(--nr-brand-success);
  --offline: var(--nr-brand-offline);
  --warn: var(--nr-brand-warning);
  --paper: var(--nr-paper);
  --paper-ink: var(--nr-paper-ink);
  --paper-line: var(--nr-paper-line);
  --paper-border: var(--nr-paper-border-ui);
  --paper-copy: var(--nr-paper-text-soft);
  --paper-muted: var(--nr-paper-text-dim);
  --shadow: var(--nr-shadow);
  --sidebar-w: var(--nr-sidebar-w);
  --col: var(--nr-col);
  --sans: var(--nr-font-sans);
  --mono: var(--nr-font-mono);
  --serif: var(--nr-font-serif);
  --nr-subpage-bg: var(--nr-gradient-page);
  --nr-subpage-font: var(--nr-font-ui);
  --nr-subpage-heading-font: var(--nr-font-sans);
  --nr-subpage-mono-font: var(--nr-font-mono);
  --nr-subpage-text: var(--nr-text);
  --nr-subpage-text-soft: var(--nr-text-soft);
  --nr-subpage-text-muted: var(--nr-text-subtle-strong);
  --nr-subpage-text-dim: var(--nr-text-subtle);
  --nr-subpage-bento-bg: var(--nr-surface-overlay-soft);
  --nr-subpage-bento-bg-soft: var(--nr-surface-soft);
  --nr-subpage-bento-bg-strong: var(--nr-surface-soft-strong);
  --nr-subpage-bento-border: var(--nr-border-soft-plus);
  --nr-subpage-bento-border-soft: var(--nr-border-soft-ui);
  --nr-subpage-bento-shadow: var(--nr-shadow-panel);
  --nr-subpage-chip-bg: var(--nr-surface-soft-strong);
  --nr-subpage-chip-bg-strong: var(--nr-surface-chip-strong);
  --nr-subpage-chip-text: var(--nr-text-soft-alpha);
  --nr-subpage-divider: var(--nr-border-faint);
  --nr-shadow-alert: 0 0 0 1px var(--nr-border-mid), 0 18px 70px rgba(0,0,0,.45);
  --nr-shadow-alert-hot: 0 0 0 1px var(--nr-border-accent-ui), 0 18px 80px rgba(194,106,97,.15);
}

/* ── Metodologia danych (style w <style> strony, ramki rgba(255,255,255,…)) ── */
body.nr-page .method-shell{
  width: min(1200px, calc(100% - 64px));
  padding-top: 48px;
}
body.nr-page .method-hero{ border-bottom-color: var(--apple-hairline); }
body.nr-page :is(.method-kicker, .method-card small){
  color: var(--apple-ink-48);
  font: 600 12px/1.3 var(--apple-font-text);
  letter-spacing: .08em;
}
body.nr-page .method-hero h1{
  font-size: 64px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}
body.nr-page .method-lead{ font-size: 20px; line-height: 1.5; }
body.nr-page :is(.method-stamp, .method-card){
  background: var(--apple-canvas);
  border-color: var(--apple-hairline);
  border-radius: 16px;
}
body.nr-page .method-section h2{ font-size: 40px; letter-spacing: -0.02em; }
body.nr-page .method-card h3{ font-size: 19px; font-weight: 500; }
body.nr-page .method-formula{ font: 500 15px/1.6 var(--apple-font-text); }
body.nr-page .method-note{
  background: var(--apple-parchment);
  border-left-color: var(--apple-ink);
  border-radius: 0 12px 12px 0;
}
body.nr-page .method-links a{
  border-color: var(--apple-hairline-strong);
  color: var(--apple-ink);
  font-size: 15px;
}
body.nr-page .method-links a:hover{
  background: var(--apple-parchment);
  border-color: var(--apple-hairline-strong);
  color: var(--apple-ink);
}

/* ── „Zaproponuj markę”: tekst przycisku mailowego ── */
body.nr-brand-suggest-page .mail-btn,
body.nr-brand-suggest-page .mail-btn:hover{ color: #fff; }

/* ── Angielskie strony statyczne (nr-static-page, generate_en_static_pages.js) ── */
body.nr-static-page{
  background: var(--tw-canvas);
  color: var(--apple-ink-80);
}
body.nr-static-page .nr-static-main{
  width: min(1200px, calc(100% - 64px));
  padding: 48px 0 96px;
}
body.nr-static-page .nr-static-hero{ border-bottom-color: var(--apple-hairline); }
body.nr-static-page :is(.nr-static-kicker, .nr-static-eyebrow, .nr-static-meta span){
  color: var(--apple-ink-48);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
}
body.nr-static-page .nr-static-title{
  color: var(--apple-ink);
  font-family: var(--apple-font-display) !important;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.03em;
  text-transform: none;
}
body.nr-static-page .nr-static-lead{
  color: var(--apple-ink-80);
  font-size: 20px;
  line-height: 1.5;
}
body.nr-static-page :is(.nr-static-actions a, .nr-static-related a){
  background: transparent;
  color: var(--apple-ink);
  border-color: var(--apple-hairline-strong);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
body.nr-static-page :is(.nr-static-actions a, .nr-static-related a):hover{ background: var(--apple-parchment); }
body.nr-static-page .nr-static-actions a:first-child{
  background: var(--apple-accent);
  color: #fff;
  border-color: var(--apple-accent);
}
body.nr-static-page :is(.nr-static-meta, .nr-static-section, .nr-static-card){
  background: var(--apple-canvas);
  border-color: var(--apple-hairline);
  border-radius: 16px;
}
body.nr-static-page .nr-static-meta strong{ color: var(--apple-ink); font-weight: 500; }
body.nr-static-page :is(.nr-static-section h2, .nr-static-card h3){ color: var(--apple-ink); }
body.nr-static-page .nr-static-card h3{ font-family: var(--apple-font-text) !important; font-size: 19px; font-weight: 500; }
body.nr-static-page :is(.nr-static-section p, .nr-static-section li, .nr-static-card p){ color: var(--apple-ink-80); }
body.nr-static-page .nr-static-footer{ border-top-color: var(--apple-hairline); color: var(--apple-ink-48); }
@media (max-width: 734px){
  body.nr-page .method-shell,
  body.nr-static-page .nr-static-main{ width: calc(100% - 40px); padding-top: 32px; }
  body.nr-page .method-hero h1,
  body.nr-static-page .nr-static-title{ font-size: 44px; }
}

/* ── AI Vision Lab (narzędzie testowe; style w <style> strony) ── */
body.nr-vlab-page{ background: var(--tw-canvas); color: var(--apple-ink-80); }
body.nr-vlab-page .vlab-shell{ width: min(1200px, calc(100% - 64px)); margin-top: 48px; }
body.nr-vlab-page .vlab-hero{ border-bottom-color: var(--apple-hairline); }
body.nr-vlab-page :is(.vlab-eyebrow, .vlab-label, .vlab-section-title, .vlab-kv__k, .vlab-history__time){
  color: var(--apple-ink-48);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
}
body.nr-vlab-page .vlab-title{
  color: var(--apple-ink);
  font: 400 56px/1.05 var(--apple-font-display);
  letter-spacing: -0.03em;
}
body.nr-vlab-page :is(.vlab-lead, .vlab-drop p, .vlab-check, .vlab-tokens, .vlab-canvas-empty, .vlab-history > p, .vlab-field > p){
  color: var(--apple-ink-80);
}
body.nr-vlab-page :is(.vlab-panel h3, .vlab-drop strong, .vlab-kv__v, .vlab-history__scenario, .vlab-tokens strong, .vlab-rotate-value, .vlab-check em, .vlab-warning){
  color: var(--apple-ink);
}
body.nr-vlab-page :is(.vlab-panel, .vlab-history__row){
  background: var(--apple-canvas);
  border-color: var(--apple-hairline);
  border-radius: 16px;
}
body.nr-vlab-page :is(.vlab-textarea, .vlab-input, .vlab-select){
  background: var(--apple-canvas);
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline-strong);
  border-radius: 12px;
}
body.nr-vlab-page .vlab-textarea:focus{ outline-color: var(--apple-accent); }
body.nr-vlab-page :is(.vlab-drop, .vlab-rotate-panel, .vlab-tokens, .vlab-status){
  background: var(--apple-parchment);
  border-color: var(--apple-hairline-strong);
}
body.nr-vlab-page :is(.vlab-canvas-wrap, .vlab-raw){
  background: var(--apple-parchment);
  border-color: var(--apple-hairline);
  color: var(--apple-ink-80);
}
body.nr-vlab-page .vlab-kv__row{ border-bottom-color: var(--apple-divider); }
body.nr-vlab-page .vlab-btn{
  background: var(--apple-accent);
  color: #fff;
  border-radius: 9999px;
  font-weight: 500;
}
body.nr-vlab-page .vlab-btn:hover{ background: var(--apple-ink); }
body.nr-vlab-page .vlab-btn--ghost{
  background: transparent;
  color: var(--apple-ink);
  border: 1px solid var(--apple-hairline-strong);
}
body.nr-vlab-page .vlab-btn--ghost:hover{ background: var(--apple-parchment); }
body.nr-vlab-page :is(.vlab-check input, .vlab-range){ accent-color: var(--apple-accent); }
body.nr-vlab-page .vlab-warning{
  background: rgba(220,38,38,.06);
  border-color: rgba(220,38,38,.24);
}

/* ── Dokumenty prawne: ramka informacyjna ── */
body.nr-legal-page .info-box{
  background: var(--apple-parchment);
  border-color: var(--apple-hairline);
  border-left-color: var(--apple-ink);
}
body.nr-legal-page .info-box p{ color: var(--apple-ink-80); }
/* Podpowiedzi w polach Vision Lab mają kolor w atrybucie style */
body.nr-vlab-page :is(.vlab-history > p, .vlab-field > p){ color: var(--apple-ink-48) !important; }

/* ═══════════════════════════════════════════════════════════════
   PODSTRONY — BHP żywicy (rsmp-*). Strona była ciemnym plakatem;
   poniższe nadpisania są wygenerowane z jej reguł w site.css:
   czarne tła → tło strony / białe karty, jasny tekst → ink
   (z tą samą przezroczystością), czerwień → #dc2626, bez poświat.
   ═══════════════════════════════════════════════════════════════ */
body.nr-resin-safety-page{
  --rs-bg: rgb(245,245,245);
  --rs-ink: rgb(12,10,9);
  --rs-muted: rgba(12,10,9,0.62);
  --rs-soft: rgba(12,10,9,0.38);
  --rs-line: rgba(12,10,9,0.117);
  --rs-accent: rgb(220,38,38);
  background: radial-gradient(circle at 70% 5%, rgba(220,38,38,0.12), transparent 28%),
    linear-gradient(180deg,rgb(245,245,245) 0%, rgb(245,245,245) 46%, rgb(245,245,245) 100%);
}
body.nr-resin-safety-page{
  --rs2-bg: rgb(245,245,245);
  --rs2-panel: rgb(255,255,255);
  --rs2-panel-soft: rgba(12,10,9,0.042);
  --rs2-ink: rgb(12,10,9);
  --rs2-muted: rgba(12,10,9,0.66);
  --rs2-faint: rgba(12,10,9,0.42);
  --rs2-line: rgba(12,10,9,0.099);
  --rs2-accent: rgb(220,38,38);
  background: linear-gradient(180deg, rgba(220,38,38,0.08), transparent 320px),
    radial-gradient(circle at 90% 8%, rgba(126,196,184,.12), transparent 28%),
    var(--rs2-bg);
}
body.nr-resin-safety-page{
  --mp-bg: rgb(245,245,245);
  --mp-panel: rgb(255,255,255);
  --mp-cream: rgb(12,10,9);
  --mp-cream-hi: rgb(12,10,9);
  --mp-muted: rgba(12,10,9,0.5);
  --mp-dim: rgba(12,10,9,0.18);
  background: rgb(245,245,245);
}
body.nr-resin-safety-page .rsmp-page{
  background: rgb(245,245,245);
}
body.nr-resin-safety-page .rsmp-hero::after{
  background: linear-gradient(180deg, transparent, rgb(245,245,245) 70%);
}
body.nr-resin-safety-page .rsmp-silhouette{
  background: radial-gradient(circle at 56% 24%, rgba(12,10,9,0.08), transparent 7%),
    radial-gradient(circle at 55% 34%, rgba(12,10,9,0.08), transparent 17%),
    linear-gradient(140deg, rgba(12,10,9,0.08), rgba(245,245,245,0.08) 36%, rgb(245,245,245) 70%),
    rgb(245,245,245);
}
body.nr-resin-safety-page .rsmp-silhouette::before{
  background: linear-gradient(150deg, rgba(12,10,9,0.08), rgb(245,245,245));
}
body.nr-resin-safety-page .rsmp-object{
  background: radial-gradient(circle at 42% 35%, rgba(12,10,9,0.08), transparent 13%),
    radial-gradient(circle at 62% 64%, rgba(220,38,38,0.2), transparent 20%),
    rgb(245,245,245);
}
body.nr-resin-safety-page .rsmp-peach{
  color: rgb(12,10,9);
}
body.nr-resin-safety-page .rsmp-peach h2{
  color: rgb(12,10,9);
}
body.nr-resin-safety-page .rsmp-peach p{
  color: rgba(12,10,9,0.78);
}
body.nr-resin-safety-page .rsmp-peach-figure{
  background: radial-gradient(circle at 52% 8%, rgb(220,38,38) 0 12px, transparent 13px),
    linear-gradient(90deg, transparent 0 35%, #19977f 35% 68%, transparent 68%),
    linear-gradient(180deg, rgb(220,38,38) 0 32%, #15947a 32% 100%);
}
body.nr-resin-safety-page .rsmp-faded{
  color: rgba(12,10,9,0.13);
}
body.nr-resin-safety-page .rsmp-child-risk__copy p:not(.rsmp-label){
  color: rgba(12,10,9,0.72);
}
body.nr-resin-safety-page .rsmp-child-risk__rules li{
  background: linear-gradient(90deg, rgba(220,38,38,0.09), rgba(12,10,9,0.024));
  color: rgba(12,10,9,0.82);
}
body.nr-resin-safety-page .rsmp-child-risk__rules li::before{
  box-shadow: none;
}
body.nr-resin-safety-page .rsmp-zone-card{
  background: radial-gradient(circle at 74% 24%, rgba(220,38,38,0.16), transparent 29%),
    linear-gradient(180deg, rgba(12,10,9,0.066), rgba(12,10,9,0.022)),
    rgb(245,245,245);
  box-shadow: none;
}
body.nr-resin-safety-page .rsmp-zone-child strong,
body.nr-resin-safety-page .rsmp-zone-workshop strong{
  color: rgba(12,10,9,0.76);
}
body.nr-resin-safety-page .rsmp-zone-divider{
  background: repeating-linear-gradient(135deg, rgba(220,38,38,0.88) 0 10px, rgb(245,245,245) 10px 20px);
  box-shadow: none;
}
body.nr-resin-safety-page .rsmp-zone-divider span{
  background: rgb(245,245,245);
}
body.nr-resin-safety-page .rsmp-zone-workshop{
  border: 1px solid rgba(220,38,38,0.28);
  background: radial-gradient(circle at 50% 36%, rgba(220,38,38,0.2), transparent 34%),
    rgba(220,38,38,0.055);
}
body.nr-resin-safety-page .rsmp-zone-workshop::before{
  border: 1px dashed rgba(220,38,38,0.36);
}
body.nr-resin-safety-page .rsmp-zone-drop{
  background: radial-gradient(circle at 38% 34%, rgba(255,220,200,.8), rgba(220,38,38,0.92) 42%, rgba(220,38,38,0.18) 72%);
}
body.nr-resin-safety-page .rsmp-zone-vapor{
  border: 1px solid rgba(220,38,38,0.24);
}
body.nr-resin-safety-page .rsmp-zone-risks span{
  border: 1px solid rgba(220,38,38,0.28);
  color: rgba(12,10,9,0.86);
}
body.nr-resin-safety-page .rsmp-irritation-card{
  background: radial-gradient(circle at 62% 18%, rgba(220,38,38,0.16), transparent 25%),
    linear-gradient(180deg, rgba(12,10,9,0.066), rgba(12,10,9,0.022)),
    rgb(245,245,245);
  box-shadow: none;
}
body.nr-resin-safety-page .rsmp-irritation-card::before{
  background: linear-gradient(180deg, transparent, rgba(220,38,38,0.16), transparent);
}
body.nr-resin-safety-page .rsmp-irritation-figure__head{
  background: radial-gradient(circle at 64% 38%, rgba(220,38,38,0.18), transparent 16%),
    linear-gradient(135deg, rgba(229,221,208,.92), rgba(207,197,182,.66));
}
body.nr-resin-safety-page .rsmp-irritation-figure__body{
  background: radial-gradient(circle at 65% 32%, rgba(220,38,38,0.22), transparent 16%),
    linear-gradient(160deg, rgba(229,221,208,.9), rgba(207,197,182,.42));
}
body.nr-resin-safety-page .rsmp-irritation-mark{
  background: radial-gradient(circle, rgba(255,220,200,.82) 0 16%, rgba(220,38,38,0.92) 17% 52%, rgba(220,38,38,0.18) 53% 100%);
  box-shadow: none;
}
body.nr-resin-safety-page .rsmp-irritation-mark--breath{
  background: radial-gradient(circle, rgba(255,220,200,.72) 0 13%, rgba(220,38,38,0.72) 14% 42%, rgba(220,38,38,0.16) 43% 100%);
}
body.nr-resin-safety-page .rsmp-irritation-breath{
  border: 1px solid rgba(220,38,38,0.28);
}
body.nr-resin-safety-page .rsmp-irritation-note{
  border: 1px solid rgba(220,38,38,0.38);
  background: rgba(245,245,245,0.72);
  color: rgba(12,10,9,0.86);
}
body.nr-resin-safety-page .rsmp-pictogram{
  background: radial-gradient(circle at 80% 0%, rgba(220,38,38,0.08), transparent 45%),
    linear-gradient(180deg, rgba(12,10,9,0.036), rgba(12,10,9,0.014));
}
body.nr-resin-safety-page .rsmp-pictogram__icon svg{
  filter: none;
}
body.nr-resin-safety-page .rsmp-pictogram p{
  color: rgba(12,10,9,0.8);
}
body.nr-resin-safety-page .rsmp-pictogram--note{
  background: repeating-linear-gradient(135deg, rgba(220,38,38,0.04) 0 12px, transparent 12px 24px),
    linear-gradient(180deg, rgba(12,10,9,0.036), rgba(12,10,9,0.012));
}
body.nr-resin-safety-page .rsmp-ppe__item{
  background: rgba(12,10,9,0.022);
}
body.nr-resin-safety-page .rsmp-ppe__item:hover{
  border-color: rgba(220,38,38,0.46);
  background: rgba(220,38,38,0.05);
}
body.nr-resin-safety-page .rsmp-checklist-progress__bar{
  background: rgba(12,10,9,0.072);
}
body.nr-resin-safety-page .rsmp-checklist-progress__reset:hover{
  background: rgba(12,10,9,0.048);
}
body.nr-resin-safety-page .rsmp-history--checklist .rsmp-checkrow:hover{
  background: rgba(12,10,9,0.022);
}
body.nr-resin-safety-page .rsmp-checkrow__input:checked ~ .rsmp-checkrow__indicator{
  background: rgba(220,38,38,0.1);
}
body.nr-resin-safety-page .rsmp-history--checklist .rsmp-checkrow:has(.rsmp-checkrow__input:checked) strong{
  text-decoration-color: rgba(220,38,38,0.55);
}
body.nr-resin-safety-page .rsmp-firstaid__card{
  background: radial-gradient(circle at 82% 0%, rgba(220,38,38,0.1), transparent 42%),
    linear-gradient(180deg, rgba(12,10,9,0.036), rgba(12,10,9,0.014));
}
body.nr-resin-safety-page .rsmp-firstaid__card:hover{
  border-color: rgba(220,38,38,0.36);
}
body.nr-resin-safety-page .rsmp-firstaid__card ol li{
  color: rgba(12,10,9,0.84);
}

/* BHP: hasła plakatowe tym samym krojem co nagłówki (EB Garamond 400), nie Inter 900 */
body.nr-resin-safety-page :is(.rsmp-word-list, .rsmp-word-list span, .rsmp-faded){
  font-family: var(--apple-font-display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em;
}

/* ── Dokumentacja: tytuł jak na pozostałych podstronach (Garamond 400, bez koloru akcentu) ── */
body.nr-docs-page .docs-title{
  font-weight: 400 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05;
}
body.nr-docs-page .docs-title span{ color: inherit; }