/* cmplz-general */
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
/* mdm-fonts */
/* Lokalne pliki Google Fonts: Instrument Serif i Montserrat (OFL).
Polskie litery (ĄąĆćĘꣳŃńŚśŹźŻż) mają własne małe pliki *-polskie-znaki.woff2, wycięte z latin-ext
(OSTATECZNY-AUDYT S2, 25.10.2026: Montserrat 70 → 7 KB). Pełny latin-ext zostaje tylko dla innych
znaków rozszerzonej łaciny i pobiera się wyłącznie na stronie, która ich użyje. Zakresy unicode-range
się nie nakładają — przy zmianie zestawu znaków poprawić oba. */
@font-face {
font-family: "Instrument Serif";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/wp-content/themes/mdm-mentoring/assets/fonts/instrument-serif-regular-polskie-znaki.woff2") format("woff2");
unicode-range: U+0104-0107, U+0118-0119, U+0141-0144, U+015A-015B, U+0179-017C;
}
@font-face {
font-family: "Instrument Serif";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/wp-content/themes/mdm-mentoring/assets/fonts/instrument-serif-regular-latin-ext.woff2") format("woff2");
unicode-range: U+0100-0103, U+0108-0117, U+011A-0140, U+0145-0159, U+015C-0178, U+017D-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: "Instrument Serif";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/wp-content/themes/mdm-mentoring/assets/fonts/instrument-serif-regular-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;
}
@font-face {
font-family: "Instrument Serif";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("/wp-content/themes/mdm-mentoring/assets/fonts/instrument-serif-italic-polskie-znaki.woff2") format("woff2");
unicode-range: U+0104-0107, U+0118-0119, U+0141-0144, U+015A-015B, U+0179-017C;
}
@font-face {
font-family: "Instrument Serif";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("/wp-content/themes/mdm-mentoring/assets/fonts/instrument-serif-italic-latin-ext.woff2") format("woff2");
unicode-range: U+0100-0103, U+0108-0117, U+011A-0140, U+0145-0159, U+015C-0178, U+017D-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: "Instrument Serif";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("/wp-content/themes/mdm-mentoring/assets/fonts/instrument-serif-italic-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;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url("/wp-content/themes/mdm-mentoring/assets/fonts/montserrat-polskie-znaki.woff2") format("woff2");
unicode-range: U+0104-0107, U+0118-0119, U+0141-0144, U+015A-015B, U+0179-017C;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url("/wp-content/themes/mdm-mentoring/assets/fonts/montserrat-latin-ext.woff2") format("woff2");
unicode-range: U+0100-0103, U+0108-0117, U+011A-0140, U+0145-0159, U+015C-0178, U+017D-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: "Montserrat";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url("/wp-content/themes/mdm-mentoring/assets/fonts/montserrat-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;
}
/* mdm-tokens */
/* MDM Mentoring Wizerunkowy — shared design tokens (see /DESIGN.md).
Google Fonts (Instrument Serif + Montserrat) are loaded via
+ in each page's
— not via @import here — so the request starts immediately
in parallel with the rest of the page instead of waiting for this
file to be fetched and parsed first. */
/* Fonty zastępcze dopasowane do szerokości właściwych krojów. Google Fonts
ładuje się z display=swap, więc przez chwilę strona rysuje się fontem
systemowym — Georgia jest ~30% szersza od wąskiego Instrument Serif, a
Arial ~11% węższy od Montserrata, przez co nagłówki „skakały” z dużych na
właściwe. size-adjust skaluje font zastępczy do tej samej szerokości
(zmierzone w przeglądarce na „Zacznij zmianę na swoich zasadach”). */
@font-face{ font-family:'Instrument Serif Fallback'; font-style:normal; src:local('Georgia'); size-adjust:77%; }
@font-face{ font-family:'Instrument Serif Fallback'; font-style:italic; src:local('Georgia Italic'), local('Georgia-Italic'); size-adjust:89.7%; }
@font-face{ font-family:'Montserrat Fallback'; src:local('Arial'), local('ArialMT'); size-adjust:112.7%; }
:root{
/* color */
--canvas:#F7F5F0;
--surface:#FFFFFF;
--ink:#17120F;
--muted:#726B63;
--muted-on-blush:#655C53; /* darker than --muted, keeps ≥4.5:1 on --blush specifically */
--border:#DEDACF;
--field-border:#8A8278; /* form-field outlines: ≥3:1 on --surface and --canvas (WCAG 1.4.11, audit c2) */
--burgundy:#5C0017;
--burgundy-dark:#5C0017;
--blush:#F5E9E6; /* light burgundy-tinted ground for the illustration-led hero */
--olive:#36482E; /* minor/decorative accent only — small tags, illustration tint washes */
--olive-tint:#EDEFE7;
--navy:#000E21; /* minor/decorative accent only — never a full section background */
--maroon:#430808;
--cream-on-dark:#F4F1EA;
/* type */
--font-display:'Instrument Serif', 'Instrument Serif Fallback', Georgia, 'Times New Roman', serif;
--font-sans:Montserrat, 'Montserrat Fallback', -apple-system, 'Helvetica Neue', Arial, sans-serif;
--size-hero: clamp(3.25rem, 7vw, 7.5rem);
--size-section-heading:clamp(2.7rem, 5.2vw, 5.6rem);
--size-h2: clamp(2.25rem, 4vw, 4rem);
--size-h3: clamp(1.5rem, 2.5vw, 2.5rem);
--size-h4: 1.625rem;
--size-lead: 1.25rem;
--size-body: 1rem;
--size-small: 0.8125rem;
--size-label: 0.75rem;
--size-kicker:.75rem;
--weight-kicker:600;
--tracking-kicker:.14em;
--gap-kicker:clamp(18px, 2vw, 26px);
/* spacing */
--space-xs:8px;
--space-s:16px;
--space-m:24px;
--space-l:40px;
--space-xl:64px;
--space-2xl:96px;
--space-3xl:128px;
--space-4xl:160px;
--section-pad: clamp(96px, 10vw, 180px);
--page-pad: clamp(20px, 5vw, 64px);
--frame-padding: 10px; /* biała rama wokół zdjęć w bordowych blokach — ujednolicona z hero (v1-hero-blaed) */
--container-max: 1280px;
--canvas-max: 1440px;
/* Przyklejone menu: wysokość paska (kotwice lądują pod nim, patrz html). */
--nav-height: 68px;
/* Wyjście bloku spod krawędzi ekranu: bordowe prostokąty za zdjęciami
zaczynają się przy samej krawędzi, nie przy marginesie strony —
left/right: var(--bleed-x), a szerokość powiększona o var(--page-pad),
żeby druga krawędź została na miejscu (DESIGN.md → Bleed). */
--bleed-x: calc(-1 * var(--page-pad));
/* motion */
--ease-editorial: cubic-bezier(.22,1,.36,1);
--dur-reveal: 700ms;
}
/* Polskie łamanie wierszy: dociążamy silnik przeglądarki, nie tylko JS
(patrz shared.js) — text-wrap jest opt-in i cofa się bez efektu w
przeglądarkach, które go nie znają. */
h1, h2, h3, h4, h5, h6{ text-wrap: balance; }
p{ text-wrap: pretty; }
*, *::before, *::after{ box-sizing:border-box; }
html{
width:100%;
max-width:100%;
overscroll-behavior-x:none;
scroll-behavior:smooth;
/* Kotwice (#formularz, #porownanie…) lądują pod przyklejonym menu
(68px) z 16px zapasu — wcześniej początek sekcji chował się pod
menu (krok 1.11, E1). Jedna reguła dla wszystkich stron. */
scroll-padding-top:calc(var(--nav-height) + 16px);
}
/* Tekst tylko dla czytników ekranu (np. „otwiera się w nowej karcie”,
krok 1.11, D3) — niewidoczny, ale czytany. .screen-reader-text to ta sama klasa w konwencji
WordPressa — używają jej wtyczki (np. Complianz w polityce cookies, 9.7c: bez niej tekst
„Zgoda na usługę…” był widoczny i ściśnięty do kolumny szerokiej na literę). */
.sr-only,
.screen-reader-text{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
border:0;
}
body{
margin:0;
width:100%;
max-width:100%;
/* clip zamiast hidden, i tylko na body (nie html) — dwa "overflow inne
niż visible" na obu robiły z body kontener przewijania, więc
position:sticky (np. przyklejone menu) nie miał się do czego
przykleić (audyt responsywności, sh-1). */
overflow-x:clip;
overscroll-behavior-x:none;
position:relative;
touch-action:pan-y pinch-zoom;
background:var(--canvas);
color:var(--ink);
font-family:var(--font-sans);
font-size:var(--size-body);
line-height:1.6;
-webkit-font-smoothing:antialiased;
/* viewport-fit=cover (meta viewport, wszystkie strony) każe stronie
rysować się pod wycięciem/zaokrągleniem ekranu, ale bez tego nikt nie
odsuwał treści od bezpiecznej strefy (audyt responsywności, sh-6).
Padding na body — nie na --page-pad — żeby nie dotykać kalkulacji
opartych na tym tokenie w dziesiątkach sekcji. env() to 0 na
urządzeniach bez wycięcia, więc bez zmiany wyglądu gdzie indziej. */
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right);
}
body > *{ max-width:100%; }
img{ max-width:100%; display:block; }
a{ color:inherit; }
::selection{ background:var(--burgundy); color:var(--cream-on-dark); }
/* focus ring, themed not browser-default. Dwukolorowy: bordowy obrys widać na
jasnych sekcjach, kremowa poświata (box-shadow) dodaje kontrast na bordowych/
granatowych/oliwkowych tłach, gdzie samo bordo ma ~1:1 (WCAG c1). */
:focus-visible{
outline:2px solid var(--burgundy);
outline-offset:3px;
box-shadow:0 0 0 5px var(--cream-on-dark);
}
/* scrollbar, themed (webkit) */
::-webkit-scrollbar{ width:12px; height:12px; }
::-webkit-scrollbar-track{ background:var(--canvas); }
::-webkit-scrollbar-thumb{ background:var(--border); border:3px solid var(--canvas); border-radius:0; }
::-webkit-scrollbar-thumb:hover{ background:var(--muted); }
.container{
max-width:var(--container-max);
margin-inline:auto;
padding-inline:var(--page-pad);
}
.canvas-bleed{
max-width:var(--canvas-max);
margin-inline:auto;
}
.section{ padding-block:var(--section-pad); }
.section--tight{ padding-block: calc(var(--section-pad) * 0.6); }
/* Dark sections stay in the burgundy family — burgundy is the site's main
color besides the canvas, so navy/olive never carry a full section. */
.section--dark{
background:var(--burgundy-dark);
color:var(--cream-on-dark);
}
.section--deepest{
background:var(--maroon);
color:var(--cream-on-dark);
}
.section--olive{
background:var(--olive-tint);
}
.section--blush{
background:var(--blush);
}
/* Explicitly labeled placeholder for imagery/icons not present in the asset
folder — dashed frame + a caption naming what real content belongs here. */
.placeholder-asset{
position:relative;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
border:1px dashed var(--burgundy);
background:var(--olive-tint);
color:var(--muted);
padding:var(--space-l);
min-height:100%;
}
.placeholder-asset__label{
font-family:var(--font-sans);
font-size:var(--size-small);
line-height:1.5;
max-width:26ch;
}
.placeholder-asset__label strong{
display:block;
color:var(--burgundy);
font-size:var(--size-label);
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:6px;
}
.hr{
border:none;
border-top:1px solid var(--border);
margin:0;
}
.section--dark .hr, .section--deepest .hr{
border-top-color:rgba(244,241,234,.22);
}
/* type */
.display-hero{
font-family:var(--font-display);
font-size:var(--size-hero);
font-weight:400;
line-height:.92;
letter-spacing:-0.02em;
margin:0;
}
h2, .h2{
font-family:var(--font-display);
font-size:var(--size-h2);
font-weight:400;
line-height:1.0;
letter-spacing:-0.015em;
margin:0;
}
h3, .h3{
font-family:var(--font-display);
font-size:var(--size-h3);
font-weight:400;
line-height:1.1;
letter-spacing:-0.01em;
margin:0;
}
h4, .h4{
font-family:var(--font-sans);
font-size:var(--size-h4);
font-weight:500;
line-height:1.2;
margin:0;
}
.lead{
font-size:var(--size-lead);
line-height:1.45;
color:var(--muted);
max-width:62ch;
margin:0;
}
.section--dark .lead, .section--deepest .lead{ color:rgba(244,241,234,.78); }
p{ max-width:70ch; margin:0; }
.small{ font-size:var(--size-small); color:var(--muted); }
.label{
font-family:var(--font-sans);
font-size:var(--size-label);
font-weight:500;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--muted);
}
/* --muted at .small/.label size fails contrast on the burgundy-family dark
sections (~3.1:1) — route both to the same lighter treatment .lead already gets. */
.section--dark .small, .section--deepest .small,
.section--dark .label, .section--deepest .label{ color:rgba(244,241,234,.7); }
/* buttons */
.btn{
display:inline-flex;
align-items:center;
gap:10px;
height:50px;
padding-inline:28px;
font-family:var(--font-sans);
font-size:12px;
font-weight:500;
letter-spacing:.06em;
text-transform:uppercase;
text-decoration:none;
border-radius:1px;
border:1px solid transparent;
cursor:pointer;
transition:background-color .25s var(--ease-editorial), color .25s var(--ease-editorial), border-color .25s var(--ease-editorial), transform .25s var(--ease-editorial), box-shadow .25s var(--ease-editorial);
}
.btn-primary{
background:var(--burgundy);
color:var(--cream-on-dark);
}
.btn-primary:hover{ background:var(--burgundy-dark); transform:translateY(-2px); box-shadow:0 14px 28px rgba(92,0,23,.24); }
@media (prefers-reduced-motion: reduce){
.btn-primary:hover{ transform:none; }
}
.btn-outline{
background:transparent;
border-color:currentColor;
color:var(--ink);
}
.section--dark .btn-outline, .section--deepest .btn-outline{ color:var(--cream-on-dark); }
.btn-outline:hover{ background:rgba(23,18,15,.06); }
.section--dark .btn-outline:hover, .section--deepest .btn-outline:hover{ background:rgba(244,241,234,.1); }
.btn-link{
display:inline-flex;
align-items:center;
gap:8px;
font-family:var(--font-sans);
font-size:12px;
font-weight:500;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
color:var(--burgundy);
border-bottom:1px solid currentColor;
padding-bottom:2px;
transition:gap .25s var(--ease-editorial);
}
.btn-link:hover{ gap:12px; }
.btn-link svg{ width:14px; height:14px; }
/* small numeral label prefixing an item in a short list (e.g. "01" before
a situation/step). Distinct from any large display-numeral component:
this is a quiet inline index, not a headline element. */
.list-index{
display:block;
font-size:.75rem;
margin-bottom:8px;
opacity:.45;
letter-spacing:.08em;
}
/* nav */
.site-nav{
display:flex;
align-items:center;
justify-content:space-between;
height:68px;
padding-inline:var(--page-pad);
}
.site-nav__logo img{ height:26px; width:auto; }
.site-nav__links{
display:flex;
gap:var(--space-l);
list-style:none;
margin:0;
padding:0;
}
.site-nav__links a{
font-family:Montserrat, 'Montserrat Fallback', -apple-system, 'Helvetica Neue', Arial, sans-serif;
font-size:var(--size-label);
font-weight:500;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
color:var(--ink);
transition:color .2s var(--ease-editorial);
}
.site-nav__links a:hover{ color:var(--burgundy); }
.nav--on-dark .site-nav__links a,
.nav--on-dark .site-nav__logo img{ color:var(--cream-on-dark); }
.nav--on-dark .site-nav__links a:hover{ color:rgba(244,241,234,.7); }
.nav--on-dark .site-nav__logo img{ filter:invert(1); }
.site-nav__cta{ display:flex; align-items:center; gap:var(--space-s); }
/* .site-nav--centered: opt-in modifier that centers the link list in the
bar instead of splitting logo/links/cta with space-between. Extracted
from a local override in v1-hero-blaed.html. */
.site-nav--centered{ position:relative; }
.site-nav--centered .site-nav__links{
position:absolute;
left:50%;
transform:translateX(-50%);
}
/* Nad progiem hamburgera (>860px) lista nie może się łamać do 2-3 linii —
"Warsztaty dla firm i instytucji" jest za długie na sztywny odstęp bez
nowrap (WCAG/responsywność nav2). */
@media (min-width:861px){
.site-nav--centered .site-nav__links{ width:max-content; max-width:none; }
.site-nav--centered .site-nav__links a{ white-space:nowrap; }
}
/* mobile nav toggle — hidden on desktop, replaces the links list below 860px */
.site-nav__toggle{
display:none;
width:44px;
height:44px;
align-items:center;
justify-content:center;
background:transparent;
border:1px solid var(--border);
cursor:pointer;
color:var(--ink);
}
.nav--on-dark .site-nav__toggle{ color:var(--cream-on-dark); border-color:rgba(244,241,234,.35); }
@media (max-width: 860px){
.site-nav__toggle{ display:inline-flex; }
/* Selektor zdublowany z ".site-nav--centered .site-nav__links" (ta sama
specyficzność 0,2,0, ale niżej w pliku) — inaczej position:absolute i
left:50% wariantu "centered" wygrywały nad position:fixed/inset tutaj,
więc panel na telefonie/tablecie wychodził wyśrodkowany i wąski zamiast
pełnej szerokości (nav3). Style ujednolicone dla wszystkich 5 stron —
wcześniej tylko o-mnie.html miał tę wersję lokalnie. */
.site-nav--centered .site-nav__links,
.site-nav__links{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-m);
position:fixed;
left:var(--page-pad);
right:var(--page-pad);
top:88px;
bottom:auto;
transform:translateY(-12px);
background:var(--surface);
border:1px solid var(--border);
box-shadow:0 20px 40px rgba(23,18,15,.14);
padding:var(--space-l);
z-index:60;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .2s var(--ease-editorial), transform .2s var(--ease-editorial), visibility 0s linear .2s;
}
.site-nav--centered .site-nav__links a,
.site-nav__links a{ display:block; width:100%; padding:12px 2px; border-top:1px solid var(--border); }
.site-nav--centered .site-nav__links li:first-child a,
.site-nav__links li:first-child a{ border-top:0; }
.site-nav--centered .site-nav__links.is-open,
.site-nav__links.is-open{
opacity:1;
visibility:visible;
transform:none;
pointer-events:auto;
transition:opacity .2s var(--ease-editorial), transform .2s var(--ease-editorial), visibility 0s linear 0s;
}
.site-nav__toggle[aria-expanded="true"]{ background:var(--burgundy); color:var(--cream-on-dark); border-color:var(--burgundy); }
}
/* CTA „Umów bezpłatną konsultację” w przyklejonym menu — jedno źródło
stylu dla wszystkich 5 stron (ten sam znacznik w każdym