/* gladness.pl: motyw zwęża akapity i listy bez klas gl- do miary tekstu; realizacje mają własne miary.
   Na początku pliku, żeby późniejsze reguły realizacji o tej samej sile nadal wygrywały. */
.gl-realizacja :where(p,ul,ol,dl){max-width:none}
/* Realizacje Gladness. Wspólne komponenty, kompozycja dobierana do projektu.
   Style i tokeny są ograniczone do .gl-realizacja. Nie nadpisują motywu strony.
   W CMS: kontener .gl-realizacja oraz --gl-naglowek-strony równy wysokości menu.
   Kolory projektu: --projekt-ciemne, --projekt-glowny, --projekt-akcent. */
.gl-realizacja{
  --gl-tekst:var(--wp--preset--color--tekst,#111);
  --gl-drugi:var(--wp--preset--color--tekst-drugi,#4A5056);
  --gl-cichy:var(--wp--preset--color--tekst-drugi,#4A5056);--gl-jasne:var(--wp--preset--color--tlo,#fff);
  --gl-szare:var(--wp--preset--color--tlo-drugie,#F5F5F4);--gl-linia:#DEDFE1;
  --gl-font:var(--wp--preset--font-family--tekst,"Roobert",system-ui,sans-serif);
  --projekt-ciemne:#0C2433;--projekt-glowny:#12364F;--projekt-akcent:#8FD3F0;
  --gl-szerokosc:1200px;--gl-margines:clamp(20px,4vw,48px);
  --gl-sekcja:clamp(48px,5vw,72px);--gl-nav:56px;--gl-naglowek-strony:0px;
  margin:0;background:var(--gl-jasne);color:var(--gl-tekst);font:400 15px/1.7 var(--gl-font);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.gl-realizacja *,.gl-realizacja *::before,.gl-realizacja *::after{box-sizing:border-box}
.gl-realizacja :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0;padding:0}
.gl-realizacja :where(ul,ol){list-style:none}
.gl-realizacja :where(h1,h2,h3){text-wrap:balance}
.gl-realizacja h1{font-size:var(--wp--preset--font-size--tytul-xl,clamp(34px,3.4vw,48px));line-height:1.25;font-weight:600;letter-spacing:-.02em}
.gl-realizacja h2{font-size:var(--wp--preset--font-size--tytul-dwutonowy,clamp(26px,2.3vw,32px));line-height:1.35;font-weight:600;letter-spacing:-.015em}
.gl-realizacja h3{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:0}
.gl-realizacja img{display:block;max-width:100%;height:auto}
.gl-realizacja a{color:var(--projekt-glowny);text-underline-offset:4px}
.gl-realizacja :where(a,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}
.gl-realizacja section[id]{scroll-margin-top:calc(var(--gl-naglowek-strony) + var(--gl-nav) + 16px)}
.glr-wnetrze{width:100%;max-width:calc(var(--gl-szerokosc) + 2 * var(--gl-margines));margin-inline:auto;padding-inline:var(--gl-margines)}
.glr-sekcja{padding-block:var(--gl-sekcja)}
.glr-szara{background:var(--gl-szare)}
.glr-ciemna{background:var(--projekt-ciemne);color:#fff}
.glr-cichy{color:inherit;font-weight:400}
.glr-ciemna .glr-cichy{color:inherit}
.glr-opis{color:var(--gl-tekst);max-width:44ch;font-size:15px;line-height:1.7;}
.glr-ciemna :where(.glr-opis,.glr-lead){color:#fff}
.glr-etykieta{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;font-weight:500;letter-spacing:.035em;color:var(--gl-drugi)}
.glr-etykieta>span:first-child{color:var(--projekt-glowny);font-variant-numeric:tabular-nums}
.glr-ciemna .glr-etykieta{color:#FFFFFFBF}
.glr-ciemna .glr-etykieta>span:first-child{color:var(--projekt-akcent)}
.glr-podpis,.gl-realizacja figcaption{font-size:14px;line-height:1.6;color:var(--gl-cichy)}
.glr-maly-tytul{font-size:18px;font-weight:500;line-height:1.5}
.glr-strzalka{display:inline-block;flex:none;width:18px;height:18px;background:currentColor;vertical-align:middle;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat}
.glr-strzalka--dol{transform:rotate(90deg)}
.glr-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:500;text-decoration:none;padding-block:12px;min-height:44px}
.gl-realizacja .glr-link--jasny{color:#fff}
.glr-link--jasny .glr-strzalka{color:var(--projekt-akcent)}
.glr-przycisk{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:52px;padding:12px 24px;border-radius:4px;background:#fff;color:var(--projekt-ciemne)!important;text-decoration:none;font-weight:500;font-size:14px}
.gl-realizacja a:hover .glr-strzalka:not(.glr-strzalka--dol){transform:translateX(3px)}
.glr-strzalka{transition:transform .2s}
.glr-pomin{position:fixed;top:12px;left:12px;z-index:100;padding:12px 20px;transform:translateY(-160%);background:#fff}
.glr-pomin:focus{transform:none}

/* Otwarcie: marka, główna myśl i prawdziwy materiał projektu. */
.glr-hero{padding-top:48px}
.glr-hero__marka{font-size:14px;letter-spacing:.08em;color:#fff!important;margin-bottom:48px}
.glr-hero__marka span{font-weight:400;color:#FFFFFFB3!important;letter-spacing:0;border-left:1px solid #FFFFFF40;padding-left:12px}
.glr-hero__uklad{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
.glr-hero__tekst{min-width:0}
.glr-hero .glr-lead{margin-top:28px;max-width:46ch;font-size:18px;line-height:1.7}
.glr-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:24px}.glr-hero .glr-link{margin-top:0;padding-block:8px}
.glr-hero .glr-akcje{margin-top:32px;gap:12px 24px}
.glr-hero .glr-przycisk{min-height:44px;padding:8px 16px;gap:16px}
.glr-hero .glr-strzalka{width:16px;height:16px}
.glr-hero__obraz{min-width:0;align-self:center}
.glr-hero__obraz img{width:100%}
.glr-hero__obraz figcaption{margin-top:20px;text-align:center;color:#FFFFFFB3;font-size:14px}
.glr-metryka{display:grid;grid-template-columns:1fr 1.1fr 1.4fr;gap:32px;border-top:1px solid #FFFFFF29;margin-top:56px;padding-block:24px 28px}
.glr-metryka dt{font-size:13px;color:#FFFFFFB3;margin-bottom:6px}
.glr-metryka dd{font-size:14px;line-height:1.6}

/* Nawigacja: bez maski wygaszającej skrajne pozycje. */
.glr-spis{position:sticky;top:var(--gl-naglowek-strony);z-index:20;background:var(--gl-jasne);box-shadow:0 1px 0 var(--gl-linia)}
.glr-spis__uklad{display:flex;gap:32px;align-items:center;justify-content:space-between}
.glr-spis ol{display:flex;gap:28px;overflow-x:auto;scrollbar-width:thin;min-width:0;scroll-padding-inline:8px}
.glr-spis li{display:flex;flex:none}
.glr-spis li a{display:flex;align-items:center;min-height:var(--gl-nav);border-bottom:2px solid transparent;color:var(--gl-tekst);font-size:14px;font-weight:400;text-decoration:none;white-space:nowrap}
.glr-spis li a[aria-current]{font-weight:500}
.glr-spis li a:focus-visible{outline-offset:-4px}
.glr-spis li a:hover,.glr-spis li a[aria-current]{color:var(--projekt-glowny);border-bottom-color:var(--projekt-glowny)}
.glr-spis__kontakt{display:inline-flex;align-items:center;gap:12px;font-size:14px;white-space:nowrap;text-decoration:none;min-height:44px;font-weight:400}

/* Wstęp redakcyjny i rozdziały: różna gęstość, bez obowiązkowej siatki kart. */
.glr-redakcja{display:grid;grid-template-columns:1fr;gap:32px}
.glr-redakcja .glr-opis{margin-top:16px;max-width:68ch}
.glr-zaleznosci{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.glr-zaleznosci>div{display:grid;grid-template-columns:1fr;gap:12px;align-content:start;padding-top:20px;border-top:1px solid var(--gl-linia)}

.glr-zaleznosci dt{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:0}
.glr-zaleznosci dd{font-size:15px;line-height:1.7;color:var(--gl-tekst)}
.glr-rozdzial{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:32px}
.glr-rozdzial>.glr-opis{justify-self:start;max-width:68ch}

/* Mapa zakresu: wspólny rdzeń i trzy nazwane obszary, nie schemat integracji. */
.glr-platforma{display:grid;grid-template-columns:280px minmax(0,1fr);gap:96px;align-items:center;padding-block:12px}
.glr-platforma__rdzen{position:relative;border-left:4px solid var(--projekt-akcent);padding:20px 0 20px 24px}
.glr-platforma__rdzen::after{content:"";position:absolute;left:100%;width:48px;top:50%;border-top:1px solid var(--projekt-glowny)}
.glr-platforma__rdzen strong{display:block;font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.glr-platforma__rdzen p{margin-top:12px}
.glr-platforma__obszary{position:relative;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:0}
.glr-platforma__obszary::before{content:"";position:absolute;left:-48px;top:calc(100% / 6);bottom:calc(100% / 6);border-left:1px solid var(--projekt-glowny)}
.glr-platforma__obszary>div{position:relative;display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:center;padding-block:24px}
.glr-platforma__obszary>div::before{content:"";position:absolute;left:-48px;top:50%;width:32px;border-top:1px solid var(--projekt-glowny)}
.glr-platforma__obszary dt{font-size:20px;font-weight:500;line-height:1.4}
.glr-platforma__obszary dt span{display:block;font-size:12px;color:var(--projekt-glowny);margin-bottom:8px}
.glr-platforma__obszary dd p{font-weight:500}
.glr-platforma__obszary dd small{display:block;font-size:14px;line-height:1.7;margin-top:8px}
@media(max-width:1100px){.glr-platforma{grid-template-columns:220px minmax(0,1fr);gap:64px}.glr-platforma__rdzen::after{width:32px}.glr-platforma__obszary::before{left:-32px}.glr-platforma__obszary>div::before{left:-32px;width:20px}.glr-platforma__obszary>div{grid-template-columns:1fr;gap:12px}}
@media(max-width:760px){.glr-platforma{grid-template-columns:1fr;gap:28px}.glr-platforma__rdzen::after,.glr-platforma__obszary::before,.glr-platforma__obszary>div::before{display:none}.glr-platforma__obszary{grid-template-rows:none;gap:0}.glr-platforma__obszary>div{padding-block:24px;border-top:1px solid var(--gl-linia)}}

/* Ekran wejścia do B2B i rozróżnienie dwóch głównych ról. */
.glr-strefa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;gap:24px 40px;margin-top:40px}
.glr-strefa>h3{grid-column:1/-1}
.glr-strefa__ekran{display:block;border:1px solid var(--gl-linia);border-radius:4px;overflow:hidden}
.glr-strefa__ekran img{width:100%}
.glr-strefa figcaption{margin-top:12px;font-size:14px}
.glr-role{display:grid;gap:28px}
.glr-role dt{font-size:15px;font-weight:600;margin-bottom:12px}
.glr-role dd{font-size:15px;line-height:1.7;max-width:65ch}
.glr-role__funkcje{display:grid;gap:8px}
.glr-role__funkcje li{position:relative;padding-left:16px}
.glr-role__funkcje li::before{content:"";position:absolute;left:0;top:.75em;width:4px;height:4px;border-radius:50%;background:var(--projekt-glowny)}
.glr-strefa__dostep{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--gl-linia);font-size:14px;line-height:1.6}
.glr-strefa__dostep strong{font-weight:500}

/* Mechanizm handlowy: schemat objaśniający, bez udawania panelu systemu. */
.glr-mechanizm{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:32px 0;background:transparent;border-block:1px solid var(--gl-linia);border-radius:0}
.glr-mechanizm>div{display:flex;flex-direction:column;min-width:0}
.glr-mechanizm__cena{padding-right:48px;border-right:1px solid var(--gl-linia)}
.glr-widelki{padding:66px 0 0}
.glr-widelki__linia{position:relative;height:2px;background:#CDCED6}
.glr-widelki__zakres{position:absolute;left:14%;right:14%;height:10px;top:-4px;background:color-mix(in srgb,var(--projekt-glowny) 22%,#fff);border-inline:2px solid var(--projekt-glowny)}
.glr-widelki__punkt{position:absolute;left:48%;top:50%;width:14px;height:14px;background:var(--projekt-glowny);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px var(--gl-szare)}
.glr-widelki__punkt b{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);padding:7px 12px;background:var(--projekt-ciemne);color:#fff;border-radius:3px;white-space:nowrap;font-size:15px;font-weight:500}
.glr-widelki__podpisy{position:relative;height:40px;font-size:14px;color:var(--gl-tekst)}
.glr-widelki__podpisy span{position:absolute;top:16px;left:14%;transform:translateX(-50%);white-space:nowrap}
.glr-widelki__podpisy span:last-child{left:86%}
.glr-mechanizm .glr-podpis{margin-top:auto;padding-top:24px;color:var(--gl-tekst)}
.glr-sciezka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.glr-sciezka li{position:relative;padding-top:16px;border-top:1px solid #C3C5CD}
.glr-sciezka li::before{content:"";position:absolute;top:-3px;left:0;width:5px;height:5px;background:var(--projekt-glowny);border-radius:50%}
.glr-sciezka span{display:block;font-size:12px;color:var(--gl-cichy);margin-bottom:8px}
.glr-sciezka strong{display:block;font-size:15px;font-weight:500;line-height:1.5}
.glr-sciezka small{display:block;font-size:14px;color:var(--gl-tekst);line-height:1.65;margin-top:6px}
.glr-zakres-krotki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}
.glr-zakres-krotki p{font-size:15px;color:var(--gl-tekst);line-height:1.7}
.glr-zakres-krotki strong{display:block;color:var(--gl-tekst);font-size:20px;font-weight:500;margin-bottom:12px}

/* Szczegóły: progresywne ujawnianie, HTML działa również bez JavaScriptu. */
.glr-szczegoly{border-top:1px solid var(--gl-linia);margin-top:32px}
.glr-szczegoly summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;min-height:56px;cursor:pointer;font-size:14px;font-weight:500;color:var(--projekt-glowny);padding-block:16px}
.glr-szczegoly summary::-webkit-details-marker{display:none}
.glr-szczegoly summary::after{content:"";width:20px;height:20px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat}
.glr-szczegoly[open] summary::after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.glr-szczegoly summary:hover{text-decoration:underline;text-underline-offset:5px}
.glr-szczegoly>div{padding:8px 0 24px;font-size:15px;color:var(--gl-tekst);max-width:90ch;line-height:1.7}
.glr-szczegoly>div:not(.glr-technologie)>p+p{margin-top:16px}
.glr-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px}
.glr-lista--trzy{grid-template-columns:repeat(3,minmax(0,1fr))}
.glr-lista--oddzielona{margin-top:24px}
.glr-lista li{padding-left:16px;position:relative}
.glr-lista li::before{content:"";position:absolute;top:.75em;left:0;width:4px;height:4px;background:var(--projekt-glowny);border-radius:50%}

/* Program certyfikacji: etapy kwalifikacji i osobno funkcje panelu. */
.glr-program{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:0}
.glr-program li{display:flex;gap:20px;border-top:1px solid #FFFFFF40;padding-top:24px}
.glr-program__numer{font-size:13px;line-height:26px;color:#FFFFFFA6;font-variant-numeric:tabular-nums}

.glr-program p{font-size:15px;line-height:1.7;margin-top:10px;color:#fff}
.glr-program li.glr-program__wyrozniony{border-top-color:var(--projekt-akcent)}
.glr-program__wyrozniony .glr-program__numer{color:var(--projekt-akcent)}
.glr-certyfikacja-sekcja{background:color-mix(in srgb,var(--projekt-ciemne) 52%,#000)}
.glr-certyfikacja{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.glr-certyfikacja__funkcja{display:flex;flex-direction:column;min-width:0;padding:24px 0;border:0;border-top:2px solid var(--projekt-akcent);border-radius:0;background:transparent}
.glr-dokument__meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.glr-certyfikacja .glr-dokument__meta .glr-etykieta{margin-bottom:0}
.glr-dokument__format{flex:none;padding:3px 8px;border:0;border-radius:0;background:var(--projekt-akcent);font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.04em;color:var(--projekt-ciemne)}
.glr-certyfikacja .glr-etykieta{font-size:13px;line-height:1.5;color:var(--projekt-akcent);margin-bottom:12px}
.glr-certyfikacja p{font-size:15px;line-height:1.7;color:#fff}
.glr-certyfikacja h3{margin-bottom:20px}
.glr-certyfikacja__lista{display:grid;gap:8px;font-size:15px;line-height:1.7}
.glr-certyfikacja__lista li{position:relative;padding-left:16px}
.glr-certyfikacja__lista li::before{content:"";position:absolute;left:0;top:.75em;width:4px;height:4px;border-radius:50%;background:var(--projekt-akcent)}
.glr-certyfikacja .glr-certyfikacja__warunek{margin-top:24px;min-height:64px;padding-top:16px;border-top:1px solid #FFFFFF33;font-size:14px;line-height:1.6;color:#FFFFFFD9;max-width:55ch;text-wrap:pretty}
.glr-certyfikacja .glr-certyfikacja__lista{flex:1}
.glr-mapa-wykonawcow{margin-top:32px}
.glr-mapa-wykonawcow .glr-etykieta{color:var(--projekt-akcent);margin-bottom:8px}
.glr-mapa-wykonawcow h3{margin-bottom:12px}
.glr-mapa-wykonawcow>p:not(.glr-etykieta){max-width:78ch;font-size:15px;line-height:1.7}
.glr-mapa-wykonawcow>p+p{margin-top:8px}
.glr-nota{font-size:14px;line-height:1.6;color:#FFFFFFB3;margin-top:24px}

/* Prawdziwy ekran jako uzupełnienie opisu mechanizmu. */
.glr-produkt{display:grid;grid-template-columns:1.25fr .85fr;gap:64px;align-items:start}
.glr-funkcje{margin-top:40px;display:grid;gap:32px}
.glr-funkcje article{position:relative}

.glr-funkcje h3{margin-bottom:12px}
.glr-funkcje p{font-size:15px;color:var(--gl-tekst);max-width:55ch;line-height:1.7}
.glr-dopelnienie{margin-top:24px;max-width:65ch}
.glr-dopelnienie strong{font-weight:500}
.glr-produkt__ekran{display:grid;justify-items:center;padding:32px;background:var(--gl-szare);border-radius:8px}
.glr-zrzut{display:block;width:min(260px,100%);aspect-ratio:260/430;overflow:hidden;border-radius:4px;box-shadow:0 8px 32px #1011280D;background:#fff}
.glr-zrzut img{width:100%}
.glr-produkt__ekran figcaption{margin-top:20px;text-align:center}
.glr-produkt__ekran figcaption a{display:inline-flex;gap:10px;align-items:center;min-height:36px;font-weight:500}

/* Dwie marki: wspólny projekt i lokalne warianty. */
.glr-marki{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.glr-marka__opis{display:block;margin-bottom:16px}
.glr-marka__opis h3{font-size:20px}
.glr-marka__opis p{font-size:14px;line-height:1.6;color:var(--gl-tekst);max-width:48ch;margin-top:8px}
.glr-marka>a{display:block;overflow:hidden;border-radius:4px}
.glr-marka img{width:100%}
.glr-marka__zakres{font-size:15px;line-height:1.7;color:var(--gl-tekst);margin-top:20px;max-width:54ch}
.glr-marka__zakres strong{font-weight:500;color:var(--gl-tekst)}
.glr-lokalizacja{margin-top:24px;max-width:80ch}
.glr-lokalizacja strong{font-weight:500}
.glr-integracja{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--gl-linia);margin-top:40px;padding-top:32px}
.glr-integracja .glr-etykieta{margin-bottom:12px}
.glr-integracja__opis>p{font-size:15px;color:var(--gl-tekst);max-width:78ch;line-height:1.7}

/* Podsumowanie dostarczonej pracy, nie zastępnik niezmierzonych wyników. */
.glr-praca{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.glr-praca li{border-top:1px solid var(--gl-linia);padding-top:24px}
.glr-praca__nr{display:block;font-size:13px;color:var(--projekt-glowny);margin-bottom:8px}
.glr-praca h3{font-size:20px;margin-bottom:12px}
.glr-praca p{font-size:15px;color:var(--gl-tekst);line-height:1.7}
.glr-podsumowanie{display:grid;grid-template-columns:1fr;gap:12px;margin-top:40px;border-left:3px solid var(--projekt-glowny);padding:8px 0 8px 24px}
.glr-podsumowanie p{max-width:78ch;font-size:15px;color:var(--gl-tekst)}
.glr-integracja__opis>p{margin-top:12px}
.glr-integracja__zakres{padding-top:34px}
.glr-integracja__zakres h3{margin-bottom:12px}
.glr-integracja .glr-integracja__funkcje{grid-template-columns:1fr;gap:8px;max-width:78ch}
.glr-marka>a,.glr-strefa__ekran{text-decoration:none}
.glr-technologie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:none!important}
.glr-technologie strong{display:block;color:var(--gl-tekst);font-weight:500;margin-bottom:8px}

/* Kontakt oraz informacja o historycznym materiale. */
.glr-zacheta__uklad{display:flex;justify-content:space-between;align-items:center;gap:48px}
.glr-zacheta h2{max-width:32ch}
.glr-zacheta p{margin-top:24px;font-size:15px;line-height:1.7;color:#fff;max-width:50ch}
.glr-zacheta .glr-przycisk{flex:none}
.glr-stopka{padding-block:24px;background:var(--projekt-ciemne);border-top:1px solid #FFFFFF26}
.glr-stopka .glr-wnetrze{display:flex;justify-content:space-between;align-items:center;gap:32px}
.glr-stopka p{font-size:14px;line-height:1.6;color:#FFFFFFB3}
.glr-stopka a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;color:#fff;text-decoration:none}

html:has(.gl-realizacja){scrollbar-gutter:stable}

@media(max-width:1100px){
  .glr-hero__uklad{grid-template-columns:1.15fr 1fr;gap:24px}
  .glr-spis__kontakt{display:none}
  .glr-spis ol{width:100%;justify-content:space-between;gap:24px}
  .glr-redakcja{gap:48px}
  .glr-zaleznosci>div{grid-template-columns:1fr;gap:8px}
  .glr-mechanizm{gap:32px;padding:32px}.glr-mechanizm__cena{padding-right:32px}
  .glr-produkt{gap:48px}.glr-marka__opis{display:block}.glr-marka__opis p{max-width:none;text-align:left;margin-top:8px}
}
@media(max-width:1000px){
  .glr-strefa{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .glr-mechanizm{grid-template-columns:1fr}
  .glr-mechanizm__cena{padding:0 0 32px;border-right:0;border-bottom:1px solid var(--gl-linia)}
}
@media(max-width:760px){
  .gl-realizacja{--gl-nav:52px}
  .glr-hero{padding-top:32px}.glr-hero__marka{margin-bottom:28px}
  .glr-hero__uklad{grid-template-columns:1fr;gap:24px}
  .glr-hero__tekst{max-width:600px}.glr-hero .glr-lead{font-size:18px;line-height:1.7}
  .glr-hero__obraz{max-width:520px;justify-self:center;width:100%}.glr-hero__obraz figcaption{margin-top:8px}
  .glr-metryka{grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:28px;padding-block:20px 24px}.glr-metryka>div:last-child{grid-column:1/-1}
  .glr-metryka dd{font-size:15px}.glr-etykieta{margin-bottom:16px}
  .glr-spis ol{justify-content:flex-start;gap:24px}
  .glr-redakcja{grid-template-columns:1fr;gap:28px}.glr-rozdzial{grid-template-columns:1fr;gap:16px}.glr-redakcja .glr-opis{max-width:60ch}
  .glr-strefa{grid-template-columns:1fr;gap:24px;margin-top:32px}
  .glr-rozdzial{margin-bottom:32px}.glr-rozdzial>.glr-opis{max-width:60ch}
  .glr-opis,.glr-zaleznosci dd,.glr-zakres-krotki p,.glr-program p,.glr-certyfikacja p,.glr-funkcje p,.glr-marka__zakres,.glr-integracja>p,.glr-praca p,.glr-szczegoly>div{font-size:15px;line-height:1.7}
  .glr-zaleznosci{grid-template-columns:1fr;gap:24px}.glr-zaleznosci>div{gap:10px;padding-bottom:24px}
  .glr-zaleznosci dt{font-size:20px}
  .glr-mechanizm{grid-template-columns:1fr;gap:28px;padding:24px}
  .glr-mechanizm__cena{padding:0 0 28px;border-right:0;border-bottom:1px solid var(--gl-linia)}
  .glr-widelki{padding-top:62px}.glr-mechanizm .glr-podpis{padding-top:24px}
  .glr-sciezka{grid-template-columns:1fr;gap:20px}.glr-sciezka li{padding-left:24px;padding-top:0;border-top:0;border-left:1px solid var(--gl-linia)}
  .glr-sciezka li::before{top:9px;left:-3px}
  .glr-zakres-krotki{grid-template-columns:1fr;gap:24px;margin-top:28px}.glr-zakres-krotki strong{margin-bottom:8px}
  .glr-program{grid-template-columns:1fr;gap:24px;margin-top:0}.glr-program li{padding-top:24px;gap:20px}
  .glr-program p{margin-top:8px}
  .glr-certyfikacja{grid-template-columns:1fr;gap:16px}
  .glr-certyfikacja__funkcja{padding:24px}
  .glr-mapa-wykonawcow{margin-top:28px}
  .glr-certyfikacja h3{margin-bottom:16px}.glr-nota{margin-top:24px}
  .glr-produkt{grid-template-columns:1fr;gap:32px}.glr-produkt__ekran{max-width:400px;width:100%;justify-self:center;padding:24px}
  .glr-zrzut{width:min(230px,100%)}.glr-funkcje{gap:28px;margin-top:32px}
  .glr-marki{gap:32px}.glr-marka__opis p{font-size:15px;max-width:none;text-align:left}
  .glr-integracja{grid-template-columns:1fr;gap:24px;margin-top:32px;padding-top:32px}.glr-integracja__zakres{padding-top:0}
  .glr-praca{grid-template-columns:1fr;gap:24px}.glr-praca li{display:grid;grid-template-columns:24px 1fr;gap:0 16px;padding-top:24px}
  .glr-praca__nr{grid-row:1/3;margin:4px 0 0}.glr-praca h3{margin-bottom:12px}.glr-praca p{grid-column:2}
  .glr-podsumowanie{grid-template-columns:1fr;gap:12px;margin-top:32px;padding-left:20px}
  .glr-technologie{grid-template-columns:1fr;gap:24px}
  .glr-lista--trzy{grid-template-columns:1fr;gap:12px}
  .glr-zacheta__uklad{align-items:flex-start;flex-direction:column;gap:28px}.glr-zacheta p{margin-top:24px}
  .glr-stopka .glr-wnetrze{flex-direction:column;align-items:flex-start;gap:16px}
}
@media(max-width:480px){
  .glr-lista{grid-template-columns:1fr;gap:12px}.glr-marki{grid-template-columns:1fr}
  .glr-metryka{column-gap:16px}.glr-metryka>div:first-child{grid-column:1/-1}.glr-metryka>div:last-child{grid-column:auto}
}
/* Narzędzia po lewej, sklep z właściwym ekranem po prawej. */
.glr-zakupy-uklad{display:grid;grid-template-columns:1fr 1.2fr;gap:56px}
.glr-dobor{display:grid;gap:28px;align-content:start}
.glr-dobor article{padding-top:20px;border-top:1px solid var(--gl-linia)}
.glr-dobor h3,.glr-sklep h3{margin-bottom:12px}
.glr-dobor p{max-width:58ch}
.glr-sklep{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:start;padding-top:20px;border-top:1px solid var(--gl-linia)}
.glr-sklep article p+p,.glr-sklep article ul{margin-top:16px}
.glr-sklep .glr-produkt__ekran{padding:0;background:none;border-radius:0}
.glr-sklep .glr-zrzut{width:180px;aspect-ratio:260/430;box-shadow:none;border:1px solid var(--gl-linia)}
.glr-sklep .glr-produkt__ekran figcaption{margin-top:12px;font-size:14px;text-align:left;line-height:1.6}
.glr-zrzut,.glr-strefa__ekran,.glr-marka>a{cursor:zoom-in}
@media(max-width:1000px){.glr-zakupy-uklad{grid-template-columns:1fr;gap:28px}.glr-dobor{grid-template-columns:1fr 1fr;gap:32px}.glr-sklep{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:760px){.glr-dobor{grid-template-columns:1fr;gap:24px}.glr-sklep{grid-template-columns:minmax(0,1fr) 120px;gap:20px}.glr-sklep .glr-zrzut{width:120px}}
@media(max-width:420px){.glr-sklep{grid-template-columns:1fr}.glr-sklep .glr-produkt__ekran{justify-self:start;width:160px}.glr-sklep .glr-zrzut{width:160px}}

@media(prefers-reduced-motion:reduce){.gl-realizacja *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.glr-strzalka{background:CanvasText}.glr-spis li a[aria-current]{border-bottom:2px solid LinkText}}
@media print{
  .glr-spis,.glr-pomin,.glr-zacheta{display:none}.gl-realizacja{--gl-sekcja:24px;font-size:12px}
  .glr-hero{padding-top:20px}.glr-ciemna,.glr-stopka{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .glr-szczegoly>div{display:block!important}.glr-szczegoly::details-content{content-visibility:visible!important;display:block!important}
  .glr-szczegoly summary::after{display:none}.gl-realizacja img,.glr-praca li{break-inside:avoid}
}

/* Informacje uzupełniające przy funkcji, której dotyczą. */
.glr-warianty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.glr-warianty dt{font-size:13px;font-weight:600;line-height:1.5;margin-bottom:4px}
.glr-warianty dd{font-size:14px;line-height:1.6}
.glr-dobor .glr-uzupelnienie,.glr-sklep .glr-uzupelnienie{margin-top:16px;font-size:14px;line-height:1.6}
.glr-uzupelnienie strong{font-weight:500}

/* Rynki: opis decyzji przy ekranie, lokalizacja i osobno przepływ marketingowy. */
.glr-marki--rynki .glr-marka{display:flex;flex-direction:column}
.glr-marki--rynki .glr-marka__opis{margin-bottom:20px}
.glr-marki--rynki .glr-marka__opis p{font-size:15px;line-height:1.7;max-width:58ch;margin-top:12px}
.glr-marki--rynki .glr-marka>a{margin-top:auto;border:1px solid var(--gl-linia);border-radius:0}
.glr-lokalne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px}
.glr-lokalne dt{font-size:13px;font-weight:600;margin-bottom:4px}
.glr-lokalne dd{font-size:14px;line-height:1.6}
.glr-przeplyw{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:15px;font-weight:500}
.glr-przeplyw li+li::before{content:"→";margin-right:12px;color:var(--projekt-glowny)}
@media(max-width:760px){.glr-lokalne{grid-template-columns:1fr;gap:16px}.glr-marki--rynki{grid-template-columns:1fr}}

/* Zakres dostarczonej pracy i zaplecze technologiczne. */
.glr-odpowiedzialnosc{max-width:900px}
.glr-dostarczenie>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:22px 0;border-top:1px solid var(--gl-linia)}
.glr-dostarczenie dt{font-size:20px;font-weight:500;line-height:1.4}
.glr-dostarczenie dd{font-size:15px;line-height:1.7}
.glr-zaplecze{border-top:1px solid var(--gl-linia);margin-top:32px;padding-top:24px}
.glr-zaplecze h3{font-size:15px;margin-bottom:16px}
.glr-zaplecze dl{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:40px}
.glr-zaplecze dt{font-size:13px;font-weight:600;margin-bottom:6px}
.glr-zaplecze dd{font-size:14px;line-height:1.6;max-width:48ch}
@media(max-width:1000px){.glr-dostarczenie>div{grid-template-columns:110px minmax(0,1fr);gap:20px}}
@media(max-width:760px){.glr-dostarczenie>div{grid-template-columns:1fr;gap:8px;padding:20px 0}.glr-zaplecze dl{grid-template-columns:1fr;gap:20px}}

/* ===== Wzór strony realizacji (Biketec, 3.11.2026) =====
   Wspólne komponenty wszystkich realizacji. Strona: <body class="gl-realizacja rz">.
   Projekt ustawia w swoim projekt.css tylko kolory: --projekt-ciemne, --projekt-glowny, --projekt-akcent na .rz.
   Opis użycia: Realizacje/ZASADY_REALIZACJI.md, sekcje 4, 6 i 7. */
.rz{--projekt-ciemne:#0A0A0B;--projekt-glowny:#111;--projekt-akcent:#111;--rz-ink:#111;--rz-txt:#2E3238;--rz-mut:#4A5056;--rz-line:#E6E7E9;--rz-tlo:#F4F5F7;--rz-num:#C3C7CD;background:#fff}
.rz h1,.rz h2,.rz h3{text-wrap:balance}
.rz p{text-wrap:pretty}
/* linie ułożone ręcznie według sensu: od 1296 px (stała szerokość treści 1200 px) każda .l to jedna linia; węższe ekrany łamią tekst zwykle */
@media(min-width:1296px){.rz .l{display:block;white-space:nowrap}}
/* krótkie teksty (do ok. 3 linii): linie podobnej długości, łamanie w naturalnym miejscu */
.rz :is(.rz-oddo p,.rz-steps p,.rz-kat p,.rz-cols p,.rz-zakres li,.rz-meta dd){text-wrap:balance}

/* jedna siatka dla otwarcia i sekcji: 5/7 */
.rz-hero__uklad,.rz-split,.rz-cta__uklad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px}

/* otwarcie */
.rz-hero{padding:56px 0 0}
.rz-crumb{display:flex;gap:10px;font-size:13px;color:var(--rz-mut)}
.rz-crumb a{color:var(--rz-mut);text-decoration:none}
.rz-crumb a:hover{color:var(--rz-ink)}
.rz-hero__uklad{row-gap:0;margin-top:40px;align-items:start}
.rz-hero h1{grid-column:1/-1;padding-bottom:48px;font-size:clamp(32px,3.6vw,48px);line-height:1.08;font-weight:500;letter-spacing:-.032em;color:var(--rz-ink);max-width:20ch}
.rz-hero__uklad::before{content:"";grid-column:1/-1;grid-row:2;order:1;border-top:1px solid var(--rz-line);margin-bottom:32px}
.rz-hero h1{order:0}
.rz-lead{order:2;grid-column:2;grid-row:3;font-size:16px;line-height:1.65;color:var(--rz-txt);max-width:620px}
.rz-meta{order:3;grid-column:1;grid-row:3;display:grid;gap:14px;margin:0;padding:2px 24px 0 0}
.rz-meta>div{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:12px;align-items:baseline}
.rz-meta dt{font-size:13px;color:var(--rz-mut)}
.rz-meta dd{margin:0;font-size:15px;line-height:1.55;color:var(--rz-ink)}
.rz-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rz-tags li{font-size:13px;line-height:1;padding:6px 9px;white-space:nowrap;border:1px solid var(--rz-line);border-radius:2px;color:var(--rz-ink)}
.rz-cover{margin:72px auto 0;width:100%;max-width:1440px;aspect-ratio:12/5;max-height:520px;overflow:hidden}
.rz-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}


/* Wyróżniki otwarcia: delikatne tło, krótki podpis, liczby i fakty opisowe. */
.rz-fakty-tlo{margin-top:32px;background:#F6F7F9}
.rz-fakty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 0;list-style:none;margin:0;padding:18px 0}
.rz-fakty--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rz-fakty--1{grid-template-columns:minmax(0,1fr)}
.rz-fakty>li{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:6px;min-width:0;padding:0 24px}
.rz-fakty>li:first-child{padding-left:0}
.rz-fakty>li:last-child{padding-right:0}
.rz-fakty>li+li{border-left:1px solid var(--rz-line)}
.rz-fakty__wartosc{display:block;align-self:center;min-width:0;margin:0;font-size:18px;line-height:24px;font-weight:500;letter-spacing:-.02em;color:var(--rz-ink);text-wrap:balance;overflow-wrap:break-word}
.rz-fakty__wartosc--liczba{font-size:30px;line-height:34px;letter-spacing:-.035em;color:var(--projekt-glowny)}
.rz-fakty p{align-self:start;margin:0;font-size:13px;line-height:19px;font-weight:400;color:var(--rz-mut);text-wrap:pretty}
.rz-hero--z-faktami .rz-cover{margin-top:0}
@media(max-width:760px){
.rz-fakty-tlo{margin-top:28px}
.rz-fakty,.rz-fakty--2,.rz-fakty--1{grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:4px 0}
.rz-fakty>li{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;grid-row:auto;column-gap:16px;row-gap:0;align-items:center;padding:14px 0;border-left:0}
.rz-fakty>li+li{border-left:0;border-top:1px solid var(--rz-line)}
.rz-fakty__wartosc{font-size:17px;line-height:23px}
.rz-fakty__wartosc--liczba{font-size:26px;line-height:30px}
.rz-fakty p{align-self:center}
}

/* sekcje */
/* sekcje: linia na całą szerokość ekranu, taki sam odstęp nad nią i pod nią; pierwszą oddziela pasek menu */
.rz-sec{padding:96px 0;border-top:1px solid var(--rz-line)}
.rz-sec:first-of-type{border-top:0}
.rz-split{align-items:start}
.rz-num{display:flex;align-items:center;gap:10px;font-size:13px;line-height:20px;font-weight:300;letter-spacing:.01em;color:var(--rz-ink);margin-bottom:10px}
.rz-num::before{content:"";width:20px;height:1px;background:#A0A5AB}
.rz-sec h2{font-size:clamp(24px,2.3vw,30px);line-height:1.22;font-weight:500;letter-spacing:-.022em;color:var(--rz-ink);max-width:24ch}
.rz-split__r{padding-top:30px}
/* akapity jak na gladness.pl: 15/24, odstęp 16 px, do 600 px szerokości */
.rz-split__r>p{font-size:15px;line-height:24px;color:var(--rz-ink);max-width:600px}
.rz-split__r>p+p{margin-top:16px}
.rz h3{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.01em;color:var(--rz-ink)}

/* komponenty zaczynają się 72 px pod tekstem rozdziału */
.rz-oddo,.rz-steps,.rz-kat,.rz-cols{list-style:none;margin:72px 0 0;padding:0}

/* wyzwanie: problem, rozwiązanie i odnośnik do rozdziału; rzędy kart wyrównane */
.rz-oddo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}
.rz-oddo--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rz-oddo--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rz-oddo li{display:grid;grid-row:span 3;grid-template-rows:subgrid}
.rz-oddo a{display:grid;grid-row:span 3;grid-template-rows:subgrid;background:var(--rz-tlo);border-radius:2px;text-decoration:none;transition:background-color .25s}
.rz-oddo a:hover{background:#ECEEF1}
.rz-oddo__nr{padding:32px 32px 0;font-size:13px;font-weight:500;color:var(--projekt-glowny)}
.rz-oddo__od{padding:16px 32px 40px;font-size:15px;line-height:24px;color:var(--rz-txt)}
/* decyzja na białej wkładce przy dole karty: wyraźnie oddzielona od problemu */
.rz-oddo__do{margin:0 8px 8px;padding:24px 24px 28px;background:#fff;border-radius:2px}
.rz-oddo__do>span{display:block;font-size:13px;color:var(--rz-mut);margin-bottom:8px}
.rz-oddo__do p{font-size:16px;line-height:24px;font-weight:500;color:var(--rz-ink)}

/* kroki: duże jasne numery, pionowe linie między krokami */
.rz-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:k}
.rz-steps li{counter-increment:k;padding:0 24px 4px;border-left:1px solid var(--rz-line)}
.rz-steps li::before{content:"0" counter(k);display:block;margin-bottom:28px;font-size:44px;line-height:1;font-weight:300;letter-spacing:-.03em;color:var(--rz-num)}
.rz-steps li:last-child::before{color:var(--projekt-glowny)}
.rz-steps li:first-child{border-left:0;padding-left:0}
.rz-steps p{margin-top:4px;font-size:14px;line-height:21px;color:var(--rz-mut)}

/* karty założeń: jasne tło, bez numeru, nazwa i opis od góry */
.rz-kat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rz-kat--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rz-kat li{padding:32px 28px 36px;background:var(--rz-tlo);border-radius:2px}
.rz-kat p,.rz-cols p{margin-top:4px;font-size:14px;line-height:21px;color:var(--rz-mut)}

/* ekrany w rozdziałach: autentyczny kadr płasko, z ramką 1 px; rz-ekrany = dwa kadry obok siebie */
.rz-ekran{margin:72px 0 0}
.rz-ekran img{display:block;width:100%;height:auto;border:1px solid var(--rz-line);border-radius:2px;background:#fff}
.rz-ekran figcaption{margin-top:12px;font-size:13px;line-height:20px;color:var(--rz-mut);max-width:600px}
.rz-ekrany{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:72px 0 0}
.rz-ekrany .rz-ekran{margin:0}

/* otwarte kolumny */
.rz-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.rz-cols li{padding:24px 0 0;border-top:1px solid var(--rz-num)}
.rz-cols--4{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px}

/* rezultat */
.rz-rezultat__txt{padding-top:30px;font-size:22px;line-height:1.45;letter-spacing:-.012em;color:var(--rz-ink);max-width:48ch}

/* zakres */
.rz-zakres-head{margin-bottom:72px}
/* zakres: trzy panele jak zestawienie, pozycje w wierszach rozdzielonych linią */
.rz-zakres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rz-zakres>div{padding:24px 28px 16px;background:var(--rz-tlo);border-radius:2px}
.rz-zakres__nr{display:flex;justify-content:space-between;font-size:13px;line-height:20px;color:var(--rz-mut)}
.rz-zakres h3{margin:32px 0 12px}
.rz-zakres ul{list-style:none;margin:0;padding:0}
.rz-zakres li{padding:9px 0;border-top:1px solid #E1E4E8;font-size:14px;line-height:21px;color:var(--rz-txt)}

/* kontakt */
.rz-cta{background:var(--projekt-ciemne);color:#fff;padding:96px 0}
.rz-cta__uklad{align-items:start}
.rz-cta h2{font-size:clamp(28px,3vw,40px);line-height:1.12;font-weight:500;letter-spacing:-.025em;color:#fff;max-width:16ch}
.rz-cta p{font-size:15px;line-height:24px;color:rgba(255,255,255,.75);max-width:48ch}
.rz-btn{display:inline-flex;align-items:center;gap:12px;margin-top:28px;height:50px;padding:0 22px;border-radius:2px;background:#fff;color:#111!important;font-size:15px;font-weight:500;text-decoration:none}

/* ruch: tylko gdy przeglądarka go obsługuje i użytkownik nie ograniczył animacji */
@media(prefers-reduced-motion:no-preference){
@supports(animation-timeline:view()){
.rz-oddo li,.rz-steps li,.rz-kat li,.rz-cols li,.rz-rezultat__txt{animation:rz-in linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
@keyframes rz-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
}}

@media(max-width:1000px){
.rz-hero__uklad,.rz-split,.rz-cta__uklad{grid-template-columns:1fr;row-gap:24px}

.rz-sec{padding:80px 0}
.rz-split__r,.rz-rezultat__txt{padding-top:0}
.rz-rezultat__txt{font-size:19px}
.rz-hero h1{padding-bottom:32px}.rz-hero__uklad::before{grid-row:auto;margin-bottom:24px}.rz-lead,.rz-meta{grid-column:auto;grid-row:auto}.rz-meta{margin-top:28px;padding-right:0}
.rz-oddo,.rz-oddo--2,.rz-oddo--4{grid-template-columns:1fr;gap:16px}.rz-oddo li,.rz-oddo a{grid-row:auto;grid-template-rows:auto}
.rz-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.rz-steps li:nth-child(odd){border-left:0;padding-left:0}
.rz-kat,.rz-kat--4{grid-template-columns:1fr 1fr}
.rz-cols{gap:24px}.rz-zakres{grid-template-columns:1fr}.rz-zakres h3{margin-top:24px}.rz-cols--4{grid-template-columns:1fr 1fr;row-gap:32px}
}
@media(min-width:641px) and (max-width:1000px){
.rz-oddo a{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr}
.rz-oddo__nr{grid-column:1;grid-row:1}.rz-oddo__od{grid-column:1;grid-row:2}
.rz-oddo__do{grid-column:2;grid-row:1/3;margin:8px}
}
@media(max-width:640px){
.rz-hero{padding-top:32px}
.rz-sec{padding:64px 0}
.rz-zakres,.rz-kat,.rz-kat--4,.rz-cols,.rz-cols--4{grid-template-columns:1fr}.rz-lead{font-size:16px}.rz-hero h1{padding-bottom:24px}.rz-meta{gap:16px}.rz-meta>div{grid-template-columns:1fr;row-gap:6px}.rz-cover{margin-top:48px;aspect-ratio:8/5;max-height:none}
.rz-oddo,.rz-kat,.rz-steps,.rz-cols,.rz-ekran,.rz-ekrany{margin-top:48px}.rz-ekrany{grid-template-columns:1fr}.rz-zakres-head{margin-bottom:48px}.rz-oddo__nr{padding:24px 24px 0}.rz-oddo__od{padding:12px 24px 24px}.rz-oddo__do{padding:20px 20px 22px}.rz-kat li{padding:24px}
.rz-steps{grid-template-columns:1fr;row-gap:28px}
.rz-steps li{border-left:0;padding:0}.rz-steps li::before{margin-bottom:16px;font-size:36px}
.rz-cta{padding:64px 0}
}

/* Ciasny kadr plansz; ruch jest opt-in i nie wpływa na pozostałe realizacje. */

.rz-ekran--fragment{height:220px;overflow:hidden;border:1px solid var(--rz-line);border-radius:2px}
.rz-ekran--fragment img{height:100%;object-fit:cover;object-position:center 28%;border:0}
@media(max-width:760px){.rz-ekran--fragment{height:140px}}

/* Wyniki: 2–3 potwierdzone wskaźniki skali w rozdziale (duża liczba i opis). */
.rz-wyniki{list-style:none;margin:72px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.rz-wyniki li{padding:32px 0 0;border-top:1px solid var(--rz-num);animation:rz-in linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
.rz-wyniki strong{display:block;font-size:clamp(56px,6vw,80px);line-height:1;font-weight:300;letter-spacing:-.045em;color:var(--rz-ink)}
.rz-wyniki li:first-child strong{color:var(--projekt-glowny)}
.rz-wyniki--2{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px}
.rz-wyniki--2 li:last-child{max-width:600px}
.rz-wyniki p{margin-top:20px;font-size:14px;line-height:21px;color:var(--rz-mut);text-wrap:balance}
@media(prefers-reduced-motion:reduce){.rz-wyniki li{animation:none}}
@media(max-width:640px){.rz-wyniki{grid-template-columns:1fr;row-gap:32px;margin-top:48px}.rz-wyniki li{padding-top:24px}}
/* Karty wyników w rozdziale. */
.rz-kat--wynik h3{font-size:44px;line-height:1;font-weight:400;letter-spacing:-.03em;color:var(--projekt-glowny);margin-bottom:16px}
@media(max-width:640px){.rz-kat--wynik h3{font-size:36px}}

/* Opinia: jedna publiczna wypowiedź przedstawiciela marki pod Rezultatem (cytat słowo w słowo). */
.rz-opinia{margin:72px 0 0;padding:48px 0 0;border-top:1px solid var(--rz-line);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px}
.rz-opinia blockquote{grid-column:2;margin:0;font-size:clamp(20px,1.9vw,26px);line-height:1.4;font-weight:400;letter-spacing:-.015em;color:var(--rz-ink)}
.rz-opinia figcaption{grid-column:2;margin-top:24px;font-size:14px;line-height:21px;color:var(--rz-mut)}
.rz-opinia figcaption strong{font-weight:500;color:var(--rz-ink)}
@media(max-width:1000px){.rz-opinia{grid-template-columns:1fr}.rz-opinia blockquote,.rz-opinia figcaption{grid-column:1}}
@media(max-width:640px){.rz-opinia{margin-top:48px;padding-top:32px}}

/* gladness.pl: menu sekcji pod przyklejonym nagłówkiem serwisu (zagęszczonym po przewinięciu, z linią 1 px) */
.gl-realizacja{--gl-naglowek-strony:calc(var(--wp--custom--naglowek--wysokosc-telefon) + 1px + var(--wp-admin--admin-bar--height, 0px))}
@media(min-width:1024px){.gl-realizacja{--gl-naglowek-strony:calc(var(--wp--custom--naglowek--wysokosc-scroll) + 1px + var(--wp-admin--admin-bar--height, 0px))}}