/* Płynność: bez zmian wyglądu. Rozmycie tła tylko tam, gdzie tło jest przezroczyste (pod prawie pełnym kolorem było niewidoczne,
   a kosztowało przeliczenie w każdej klatce przewijania); bez stałych warstw tam, gdzie animację i tak prowadzi skrypt. */
.site-header,.site-header.is-scrolled{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.loc-w,.loc-c,.faq-card,.faq-body,.faq-body-content,.pill-choice-btn,.glass-review-card,.client-portal-card,
.apple-lightbox-ambient-glow,.apple-lightbox-hero,.apple-lightbox-glide-pill,.apple-magnetic-cursor-badge,.apple-lightbox-mobile-swipe-hint{will-change:auto!important}
/* animacje CSS w sekcjach poza ekranem stoją (wznawiają się, gdy sekcja wraca na ekran) */
.pf-off,.pf-off *,.pf-off *::before,.pf-off *::after{animation-play-state:paused!important}
/* H1 strony Gdynia = złoty nadtytuł: bez domyślnych marginesów nagłówka */
h1.hero-h1-kicker{margin-top:0;margin-left:0;margin-right:0}
/* slajdy w hero ruszają po pierwszym ruchu użytkownika (przewinięcie, dotyk, klawisz): treść na start się nie podmienia */
html:not(.hero-go) .progress-fill{animation-play-state:paused!important}
/* karta realizacji: zawartość zawsze przycięta do karty (contain:paint działa także dla warstw animowanych na iPhonie) */
section .ba-reals,section .ba-reals .br-slide{contain:paint}
/* te same ruchy co w style.min.css, ale przesunięciem (transform) zamiast left/top: wcześniej co klatkę liczył się układ strony */
.ref-submit-btn::after{left:0;animation-name:buttonSheenT}
@keyframes buttonSheenT{0%{transform:translateX(-100%)}25%,100%{transform:translateX(100%)}}
.apple-fid-laser{animation-name:laserScanT}
@keyframes laserScanT{0%{transform:translateY(4px);opacity:.2}20%{opacity:.95}80%{opacity:.95}100%{transform:translateY(68px);opacity:.2}}
/* pulsująca kropka w zamkniętym menu (niewidoczna) nie przemalowuje cienia w każdej klatce */
.mobile-nav-drawer:not(.is-open) .drawer-arch-beacon{animation-play-state:paused!important}

/* nav-m.css i nav-dock.css ładują się tylko na swoim typie ekranu (atrybut media: nie blokują wyświetlania na drugim, PageSpeed
   31.10.2026). Reguły ukrywające spoza ich @media są tutaj, żeby zmiana szerokości okna działała jak wcześniej. */
@media (min-width:901px){.nm-bg,.nm-tick,.nm-ph,.nm-av,.nm-sw{display:none}.nm-in{display:contents}}
@media (max-width:900px){.dk3{display:none}}