/**
 * Strona główna: nowe sekcje pod hero (projekt Figma ybk2PK0tg8ZJHrjrB0bMIs, 14.11.2026).
 * Kompetencje - mapa usług (kmapa-*), Zaufali nam (zaufali-*), Od pomysłu do produkcji (os-*).
 * Ładowany tylko na stronie głównej (front-page.php). Animacje wyłącznie na transform i opacity,
 * wyłączane przy prefers-reduced-motion. Przyciski: klasy .btn z warstwy STANDARD PRZYCISKÓW w style.css.
 */

:root {
    --home26-granat: #0F2641;
    --home26-pomarancz: #EE6535;
    --home26-akcent: #C2410C;
    --home26-tekst: #4A5568;
    --home26-linia: #E6EAF0;
    --home26-tlo: #F6F8FB;
}

/* ---------- Wspólne ---------- */
.home26-h2 {font-family: var(--font-heading);font-weight: 700;font-size: clamp(1.875rem, 1.35rem + 1.7vw, 2.75rem);line-height: 1.15;letter-spacing: -0.01em;color: var(--home26-granat);margin: 0 0 14px}
.home26-lead {font-family: var(--font-primary);font-size: 1.125rem;line-height: 1.6;color: var(--home26-tekst);max-width: 640px;margin: 0}
.home26-link {display: inline-flex;align-items: center;gap: 6px;min-height: 24px;font-family: var(--font-primary);font-weight: 600;font-size: 1rem;color: var(--home26-akcent);text-decoration: none;white-space: nowrap}
.home26-link:hover, .home26-link:focus-visible {color: var(--color-accent-strong-hover);text-decoration: underline;text-underline-offset: 3px}
.kmapa-sekcja ul, .zaufali ul, .os ol {list-style: none;margin: 0;padding: 0}
.kmapa-sekcja li, .zaufali li, .os li {margin: 0}

/* ---------- Kompetencje: mapa usług ---------- */
.kmapa-sekcja {padding: 104px 0;background: #fff}
.kmapa-naglowek {display: flex;align-items: flex-end;justify-content: space-between;gap: 32px;margin-bottom: 48px}
.kmapa {display: grid;grid-template-columns: minmax(300px, 400px) minmax(0, 1fr);gap: 40px;align-items: start}
.kmapa-zakladki {display: flex;flex-direction: column;gap: 12px}

.kmapa-zakladka {display: grid;grid-template-columns: auto minmax(0, 1fr) 20px;column-gap: 14px;align-items: center;width: 100%;margin: 0;padding: 20px 22px;font: inherit;text-align: left;color: var(--home26-granat);background: #fff;border: 1px solid var(--home26-linia);border-radius: 12px;cursor: pointer;transition: background-color .2s ease, border-color .2s ease}
.kmapa-zakladka:hover {border-color: #C5CEDA}
.kmapa-zakladka__nr {font-family: var(--font-heading);font-weight: 600;font-size: 0.9375rem;color: var(--home26-akcent)}
.kmapa-zakladka__tekst {display: flex;flex-direction: column;gap: 2px;min-width: 0}
.kmapa-zakladka__nazwa {font-family: var(--font-heading);font-weight: 600;font-size: 1.125rem;line-height: 1.4;color: var(--home26-granat)}
.kmapa-zakladka__podpis {font-size: 0.875rem;line-height: 1.3;color: var(--home26-tekst)}
.kmapa-ikona {display: block;flex: none;width: 20px;height: 20px;color: var(--home26-akcent);transition: transform .2s ease}
.kmapa-zakladka[aria-selected="true"] {background: var(--home26-granat);border-color: var(--home26-granat)}
.kmapa-zakladka[aria-selected="true"] .kmapa-zakladka__nr {color: var(--home26-pomarancz)}
.kmapa-zakladka[aria-selected="true"] .kmapa-zakladka__nazwa {color: #fff}
.kmapa-zakladka[aria-selected="true"] .kmapa-zakladka__podpis {color: rgba(255, 255, 255, .78)}
.kmapa-zakladka[aria-selected="true"] .kmapa-ikona {color: #fff}

/* Pasek postępu autoprzejścia (8 s): miejsce zarezerwowane w aktywnej zakładce, widoczny tylko w trybie auto */
.kmapa-postep {display: none;grid-column: 1 / -1;height: 3px;margin-top: 16px;background: rgba(255, 255, 255, .18);border-radius: 2px;overflow: hidden;opacity: 0;transition: opacity .2s ease}
.kmapa-postep__pasek {display: block;height: 100%;background: var(--home26-pomarancz);transform: scaleX(0);transform-origin: left center}
.kmapa-zakladka[aria-selected="true"] .kmapa-postep {display: block}
.kmapa--auto .kmapa-zakladka[aria-selected="true"] .kmapa-postep {opacity: 1}
.kmapa--auto .kmapa-zakladka[aria-selected="true"] .kmapa-postep__pasek {animation: kmapa-postep 8s linear forwards}
.kmapa--wstrzymana .kmapa-zakladka[aria-selected="true"] .kmapa-postep__pasek {animation-play-state: paused}
@keyframes kmapa-postep {from {transform: scaleX(0)} to {transform: scaleX(1)}}

.kmapa-karta {padding: 20px 24px;background: var(--home26-tlo);border-radius: 12px}
.kmapa-karta__tytul {font-family: var(--font-heading);font-weight: 600;font-size: 1rem;color: var(--home26-granat);margin: 0 0 8px}
.kmapa-karta__tekst {font-size: 0.875rem;line-height: 1.5;color: var(--home26-tekst);margin: 0 0 8px}
.kmapa-karta .home26-link {font-size: 0.9375rem}

.kmapa-panel {display: flex;flex-direction: column;gap: 28px;padding: 32px;background: var(--home26-tlo);border-radius: 20px}
.kmapa-panel[hidden] {display: none}
.kmapa-foto {display: block;width: 100%;height: 260px;object-fit: cover;border-radius: 12px}
.kmapa-panel__tytul {font-family: var(--font-heading);font-weight: 700;font-size: 1.75rem;line-height: 1.25;color: var(--home26-granat);margin: 0 0 10px}
.kmapa-panel__opis {font-size: 1rem;line-height: 1.6;color: var(--home26-tekst);margin: 0}
.kmapa-dzialy {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-template-rows: repeat(3, auto);grid-auto-flow: column;column-gap: 24px;margin: 28px 0 !important}
.kmapa-dzialy a {display: flex;align-items: center;justify-content: space-between;gap: 8px;min-height: 45px;padding: 12px 0;font-weight: 500;font-size: 1rem;line-height: 1.3;color: var(--home26-granat);border-bottom: 1px solid var(--home26-linia);text-decoration: none}
.kmapa-dzialy a:hover, .kmapa-dzialy a:focus-visible {color: var(--home26-akcent)}
.kmapa-dzialy a:hover .kmapa-ikona {transform: translateX(3px)}

.kmapa-przyklad {display: flex;align-items: center;gap: 16px;padding: 16px 20px;color: var(--home26-granat);background: #fff;border: 1px solid var(--home26-linia);border-radius: 12px;text-decoration: none;transition: border-color .2s ease}
.kmapa-przyklad:hover, .kmapa-przyklad:focus-visible {color: var(--home26-granat);border-color: var(--home26-akcent)}
.kmapa-przyklad__logo {display: flex;align-items: center;justify-content: center;flex: none;width: 120px;height: 56px;background: var(--home26-granat);border-radius: 8px}
.kmapa-przyklad__logo img {width: auto;height: auto;max-width: 96px;max-height: 33px}
.kmapa-przyklad__tekst {display: flex;flex-direction: column;gap: 2px;flex: 1;min-width: 0}
.kmapa-przyklad__firma {font-size: 0.8125rem;color: var(--home26-tekst)}
.kmapa-przyklad__tytul {font-family: var(--font-heading);font-weight: 600;font-size: 1rem;line-height: 1.4}
.kmapa-przyklad__cta {flex: none;font-weight: 600;font-size: 0.9375rem;color: var(--home26-akcent);white-space: nowrap}

/* Zmiana obszaru: zdjęcie przenika się 0,3 s, treść wjeżdża 8 px w 0,2 s (tylko po interakcji, nie przy wczytaniu) */
@media (prefers-reduced-motion: no-preference) {
    .kmapa--anim .kmapa-panel:not([hidden]) .kmapa-foto {animation: kmapa-przenikanie .3s ease}
    .kmapa--anim .kmapa-panel:not([hidden]) .kmapa-tresc {animation: kmapa-wjazd .2s ease-out}
}
@keyframes kmapa-przenikanie {from {opacity: 0} to {opacity: 1}}
@keyframes kmapa-wjazd {from {opacity: 0;transform: translateY(8px)} to {opacity: 1;transform: none}}

/* Telefon i tablet: ten sam HTML jako akordeon (zakładka, pod nią jej panel) */
@media (max-width: 900px) {
    .kmapa-sekcja {padding: 56px 0}
    .kmapa-naglowek {flex-direction: column;align-items: flex-start;gap: 16px;margin-bottom: 24px}
    .home26-lead {font-size: 0.9375rem;line-height: 1.55}
    .kmapa {display: flex;flex-direction: column;gap: 10px}
    .kmapa-zakladki, .kmapa-panele {display: contents}
    .kmapa-zakladka {order: calc(var(--n) * 2 - 1);grid-template-columns: auto minmax(0, 1fr) 20px;column-gap: 12px;min-height: 58px;padding: 12px 16px}
    .kmapa-zakladka__nr {font-size: 0.875rem}
    .kmapa-zakladka__nazwa {font-size: 1.0625rem}
    .kmapa-zakladka__podpis, .kmapa-postep, .kmapa-zakladka[aria-selected="true"] .kmapa-postep {display: none}
    .kmapa-zakladka .kmapa-ikona {transform: rotate(90deg)}
    .kmapa-zakladka[aria-expanded="true"] .kmapa-ikona {transform: rotate(-90deg)}
    /* Wygląd akordeonu sterowany aria-expanded (skrypt), stan aria-selected nie koloruje na telefonie */
    .kmapa-zakladka[aria-selected="true"] {background: #fff;border-color: var(--home26-linia)}
    .kmapa-zakladka[aria-selected="true"] .kmapa-zakladka__nr {color: var(--home26-akcent)}
    .kmapa-zakladka[aria-selected="true"] .kmapa-zakladka__nazwa {color: var(--home26-granat)}
    .kmapa-zakladka[aria-selected="true"] .kmapa-ikona {color: var(--home26-akcent)}
    .kmapa-zakladka[aria-expanded="true"] {background: var(--home26-tlo);border-color: var(--home26-granat);border-bottom-color: transparent;border-radius: 12px 12px 0 0}
    .kmapa-panel {order: calc(var(--n) * 2);gap: 0;margin-top: -10px;padding: 0;background: var(--home26-tlo);border: 1px solid var(--home26-granat);border-top: 0;border-radius: 0 0 12px 12px;overflow: hidden}
    .kmapa-foto {height: 160px;border-radius: 0}
    .kmapa-tresc {padding: 16px}
    .kmapa-panel__tytul {display: none}
    .kmapa-panel__opis {font-size: 0.9375rem;line-height: 1.55;margin-bottom: 4px}
    .kmapa-dzialy {display: block;margin: 0 !important}
    .kmapa-dzialy a {min-height: 46px;padding: 10px 0;font-size: 0.9375rem}
    .kmapa-przyklad {display: block;padding: 12px 0 0;background: none;border: 0;border-radius: 0}
    .kmapa-przyklad__logo, .kmapa-przyklad__cta {display: none}
    .kmapa-przyklad__tytul {font-family: var(--font-primary);font-size: 0.9375rem;color: var(--home26-akcent)}
    .kmapa-przyklad__tytul::after {content: " →"}
    .kmapa-karta {order: 99;margin-top: 6px}
}

/* ---------- Zaufali nam ---------- */
/* Tło: jednolity granat i siatka 40 px w pomarańczu marki (krycie 7%, węzły co 160 px 22%), bez gradientu */
.zaufali {position: relative;padding: 88px 0;color: #fff;background-color: var(--home26-granat);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cpath d='M.5 0v160M40.5 0v160M80.5 0v160M120.5 0v160M0 .5h160M0 40.5h160M0 80.5h160M0 120.5h160' stroke='%23EE6535' stroke-opacity='.07'/%3E%3Crect x='78' y='78' width='5' height='5' fill='%23EE6535' fill-opacity='.22'/%3E%3C/svg%3E");background-position: 80px 80px;overflow: hidden}
.zaufali .home26-h2 {color: #fff}
.zaufali .home26-lead {color: rgba(255, 255, 255, .86)}
.zaufali-naglowek {display: flex;align-items: flex-end;justify-content: space-between;gap: 40px;margin-bottom: 64px}
.zaufali-naglowek .btn {flex: none}
.zaufali .btn-outline {color: #fff;background: transparent;border: 1.5px solid #fff}
.zaufali .btn-outline:hover, .zaufali .btn-outline:focus-visible {color: var(--home26-granat);background: #fff;border-color: #fff}
.zaufali *:focus-visible {outline-color: var(--home26-pomarancz)}

/* Pasy: bez JS ukryte (widać siatkę), skrypt dodaje .zaufali--js */
.zaufali-pasy {display: none;flex-direction: column;gap: 54px}
.zaufali--js .zaufali-pasy {display: flex}
.zaufali--js.zaufali--lista .zaufali-pasy {display: none}
/* Zapas nad pasem na dymek; kliknięcia przechodzą tylko przez linki */
.zaufali-pas {overflow: hidden;margin: -96px 0 -8px;padding: 96px 0 8px 28px;pointer-events: none}
.zaufali-pas[hidden] {display: none}
.zaufali-tor {display: flex;align-items: center;width: max-content}
.zaufali--js .zaufali-tor {animation: zaufali-lewo var(--zaufali-czas, 60s) linear infinite;animation-play-state: paused}
.zaufali--js .zaufali-pas[data-kierunek="prawo"] .zaufali-tor {animation-name: zaufali-prawo}
.zaufali--ruch:not(.zaufali--pauza):not(.zaufali--poza) .zaufali-pas:not(:hover):not(:focus-within) .zaufali-tor {animation-play-state: running}
@keyframes zaufali-lewo {from {transform: translate3d(0, 0, 0)} to {transform: translate3d(calc(-1 * var(--zaufali-w, 0px)), 0, 0)}}
@keyframes zaufali-prawo {from {transform: translate3d(calc(-1 * var(--zaufali-w, 0px)), 0, 0)} to {transform: translate3d(0, 0, 0)}}

.zaufali-firma {position: relative;flex: none;display: flex;align-items: center;justify-content: center}
.zaufali-pas .zaufali-firma {height: 48px;margin-right: 40px}
.zaufali-firma__link {position: relative;display: flex;align-items: center;justify-content: center;min-height: 44px;color: #fff;text-decoration: none;pointer-events: auto}
.zaufali-firma__link:hover, .zaufali-firma__link:focus-visible {color: #fff}
.zaufali-logo {width: var(--zw, auto);max-width: none;height: auto;opacity: .7;transition: opacity .2s ease}
.zaufali-napis {font-family: var(--font-heading);font-weight: 600;font-size: 1.125rem;line-height: 1.2;white-space: nowrap;opacity: .7;transition: opacity .2s ease}
.zaufali-firma__link:hover .zaufali-logo, .zaufali-firma__link:focus-visible .zaufali-logo,
.zaufali-firma__link:hover .zaufali-napis, .zaufali-firma__link:focus-visible .zaufali-napis {opacity: 1}

/* Dymek z nazwą i linkiem (hover i fokus) */
.zaufali-dymek {position: absolute;z-index: 5;bottom: calc(100% + 10px);left: 0;display: flex;flex-direction: column;gap: 4px;padding: 12px 16px;color: var(--home26-granat);text-align: left;white-space: nowrap;background: #fff;border-radius: 8px;box-shadow: 0 8px 24px rgba(5, 15, 30, .35);opacity: 0;visibility: hidden;transform: translateY(4px);transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;pointer-events: none}
.zaufali-firma__link:hover .zaufali-dymek, .zaufali-firma__link:focus-visible .zaufali-dymek {opacity: 1;visibility: visible;transform: none;transition-delay: 0s}
.zaufali-dymek__nazwa {font-family: var(--font-heading);font-weight: 600;font-size: 0.9375rem}
.zaufali-dymek__opis {font-size: 0.8125rem;color: var(--home26-tekst)}
.zaufali-dymek__cta {font-weight: 600;font-size: 0.8125rem;color: var(--home26-akcent)}
.zaufali-pas:hover, .zaufali-pas:focus-within {position: relative;z-index: 2}

/* Pełna lista: bez JS, przy ograniczeniu ruchu i po „Pokaż wszystkie” */
.zaufali-siatka {display: grid;grid-template-columns: repeat(8, minmax(0, 1fr))}
.zaufali--js .zaufali-siatka {display: none}
.zaufali--js.zaufali--lista .zaufali-siatka {display: grid}
.zaufali-siatka .zaufali-firma {height: 96px;margin: 0 -1px -1px 0;border: 1px solid rgba(255, 255, 255, .12)}
.zaufali-siatka .zaufali-firma:hover, .zaufali-siatka .zaufali-firma:focus-within {z-index: 3}
.zaufali-siatka .zaufali-firma__link {width: 100%;height: 100%;padding: 8px}
.zaufali-siatka .zaufali-logo {max-width: 100%}
.zaufali-siatka .zaufali-napis {font-size: 0.9375rem;white-space: normal;text-align: center}
.zaufali-siatka .zaufali-dymek {left: 50%;transform: translate(-50%, 4px)}
.zaufali-siatka .zaufali-firma__link:hover .zaufali-dymek, .zaufali-siatka .zaufali-firma__link:focus-visible .zaufali-dymek {transform: translate(-50%, 0)}

.zaufali-stopka {display: flex;align-items: center;justify-content: space-between;gap: 16px 24px;flex-wrap: wrap;margin-top: 48px}
.zaufali-stopka__podpis {font-size: 0.8125rem;color: rgba(255, 255, 255, .7);margin: 0}
.zaufali-stopka__przyciski {display: none;flex-wrap: wrap;gap: 12px}
.zaufali--js .zaufali-stopka__przyciski {display: flex}
.zaufali .zaufali-pauza, .zaufali .zaufali-lista {border-color: rgba(255, 255, 255, .5)}
.zaufali-pauza svg {flex: none}
.zaufali-pauza__ikona-start, .zaufali-pauza[aria-pressed="true"] .zaufali-pauza__ikona-pauza {display: none}
.zaufali-pauza[aria-pressed="true"] .zaufali-pauza__ikona-start {display: block}
.zaufali--lista .zaufali-pauza {display: none}

@media (max-width: 1100px) {
    .zaufali-siatka {grid-template-columns: repeat(6, minmax(0, 1fr))}
}
@media (max-width: 900px) {
    .zaufali {padding: 48px 0}
    .zaufali-naglowek {flex-direction: column;align-items: flex-start;gap: 20px;margin-bottom: 48px}
    .zaufali-pas {padding-left: 20px}
    .zaufali-pas .zaufali-firma {height: 30px;margin-right: 28px}
    .zaufali-pas .zaufali-logo {width: calc(var(--zw, 110px) * .655)}
    .zaufali-pas .zaufali-napis {font-size: 0.8125rem}
    .zaufali-siatka {grid-template-columns: repeat(4, minmax(0, 1fr))}
    .zaufali-siatka .zaufali-firma {height: 80px}
    .zaufali-siatka .zaufali-logo {width: calc(var(--zw, 110px) * .8)}
    .zaufali-stopka {flex-direction: column-reverse;align-items: flex-start;margin-top: 40px}
    .zaufali-stopka__przyciski {flex-direction: column;align-items: flex-start}
}
@media (max-width: 600px) {
    .zaufali-siatka {grid-template-columns: repeat(3, minmax(0, 1fr))}
    .zaufali-siatka .zaufali-dymek {display: none}
}
@media (max-width: 360px) {
    .zaufali-siatka {grid-template-columns: repeat(2, minmax(0, 1fr))}
}

/* ---------- Od pomysłu do produkcji ---------- */
.os {padding: 104px 0;background: var(--home26-tlo)}
.os-naglowek {margin-bottom: 56px}
.os-kroki {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 24px}
.os-krok {display: flex;flex-direction: column;gap: 16px;min-width: 0}
.os-krok__os {display: flex;align-items: center;gap: 12px;height: 40px}
.os-krok__kropka {display: flex;align-items: center;justify-content: center;flex: none;width: 40px;height: 40px;font-family: var(--font-heading);font-weight: 600;font-size: 1rem;color: #fff;background: var(--home26-akcent);border-radius: 50%;transition: background-color .3s ease calc(var(--i) * .45s)}
.os-krok__linia {position: relative;flex: 1;height: 2px;background: var(--home26-linia);border-radius: 1px;overflow: hidden}
.os-krok__wypelnienie {position: absolute;inset: 0;background: var(--home26-akcent);transform-origin: left center;transition: transform .5s ease calc(var(--i) * .45s + .15s)}
.os-krok__foto {display: block;width: 100%;height: 212px;object-fit: cover;border-radius: 12px;transition: opacity .5s ease calc(var(--i) * .1s), transform .5s ease calc(var(--i) * .1s)}
.os-zespol {display: flex;align-items: center;gap: 10px}
.os-zespol__twarze {display: flex;flex: none}
.os-zespol__twarze img {width: 44px;height: 44px;object-fit: cover;border: 2px solid var(--home26-tlo);border-radius: 50%;background: var(--home26-granat)}
.os-zespol__twarze img + img {margin-left: -10px}
.os-zespol__opis {display: flex;flex-direction: column;min-width: 0}
.os-zespol__imiona {font-family: var(--font-heading);font-weight: 600;font-size: 0.875rem;line-height: 1.5;color: var(--home26-granat)}
.os-zespol__role {font-size: 0.75rem;line-height: 1.35;color: var(--home26-tekst)}
.os-krok__tytul {font-family: var(--font-heading);font-weight: 600;font-size: 1.25rem;line-height: 1.4;color: var(--home26-granat);margin: 0}
.os-krok__opis {font-size: 0.9375rem;line-height: 1.6;color: var(--home26-tekst);margin: 0}

/* Stan przed wejściem w ekran (tylko z JS i bez ograniczenia ruchu): oś pusta, kropki granatowe, zdjęcia niżej */
@media (prefers-reduced-motion: no-preference) {
    .os--js:not(.os--widoczna) .os-krok__wypelnienie {transform: scaleX(0)}
    .os--js:not(.os--widoczna) .os-krok:not(:first-child) .os-krok__kropka {background: var(--home26-granat)}
    .os--js:not(.os--widoczna) .os-krok__foto {opacity: 0;transform: translateY(16px)}
}

@media (max-width: 900px) {
    .os {padding: 56px 0}
    .os-naglowek {margin-bottom: 28px}
    .os-kroki {grid-template-columns: minmax(0, 1fr);gap: 28px}
    .os-krok {display: grid;grid-template-columns: 36px minmax(0, 1fr);column-gap: 16px}
    .os-krok__os {flex-direction: column;gap: 0;height: auto;align-self: stretch}
    .os-krok__kropka {width: 36px;height: 36px;font-size: 0.9375rem}
    .os-krok__linia {flex: 1;width: 2px;height: auto;margin-bottom: -28px}
    .os-krok__wypelnienie {transform-origin: center top}
    .os-krok__tresc {display: flex;flex-direction: column;gap: 8px;min-width: 0}
    .os-krok__foto {height: 150px}
    .os-zespol__twarze img {width: 36px;height: 36px}
    .os-krok__tytul {font-size: 1.125rem;margin-top: 4px}
}
@media (max-width: 900px) and (prefers-reduced-motion: no-preference) {
    .os--js:not(.os--widoczna) .os-krok__wypelnienie {transform: scaleY(0)}
}
@media (min-width: 901px) {
    .os-krok__tresc {display: flex;flex-direction: column;gap: 16px}
}

/* ---------- Ograniczenie ruchu: bez animacji, Zaufali nam jako statyczna siatka ---------- */
@media (prefers-reduced-motion: reduce) {
    .kmapa-zakladka, .kmapa-ikona, .kmapa-postep, .os-krok__kropka, .os-krok__wypelnienie, .os-krok__foto, .zaufali-dymek, .zaufali-logo, .zaufali-napis {transition: none}
    .kmapa-postep__pasek, .zaufali-tor {animation: none !important}
    .zaufali-pasy, .zaufali--js .zaufali-pasy, .zaufali-stopka__przyciski, .zaufali--js .zaufali-stopka__przyciski {display: none}
    .zaufali-siatka, .zaufali--js .zaufali-siatka {display: grid}
}