.elementor .s-site-logo{width:167px;height:40px;color:var(--ghz-ink);}.elementor .s-logo-link{width:fit-content;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;display:flex;align-items:center;}.elementor .s-navlink{font-family:var(--ghz-font-display);font-weight:500;font-size:var(--ghz-fs-sm);color:var(--ghz-graphite);/* Przejscie koloru dla linku. Hover tego wrappera (zmiana color) siedzi w
   wariancie hover tego samego stylu, wiec przejscie nalezy trzymac tutaj.
   Zabrane ze wspolnej listy :is(...) w greyhouse-hover-states.php (faza 4).
   Lista propsow zachowana co do znaku, choc zmienia sie tylko color — zeby
   dodanie kolejnego propa do hovera nie wymagalo pamietania o tym miejscu.
   Podkreslenie linku to osobna sprawa: celuje w <a> WEWNATRZ wrappera i ma
   wlasne przejscie oraz wlasny guard w greyhouse-hover-media.php. */
transition:background-color .15s var(--gh-e),border-color .15s var(--gh-e),color .15s var(--gh-e),box-shadow .15s var(--gh-e),transform .15s var(--gh-e);\n}.elementor .s-navlink:hover,.elementor .s-navlink:focus-visible{color:var(--ghz-cedar);}.elementor .s-mm-call-ic{width:18px;height:18px;color:var(--ghz-white);}.elementor .s-mm-call{width:100%;min-height:54px;font-size:1rem;display:flex;gap:10px;justify-content:center;align-items:center;}.elementor .s-mm-soc-ic{width:19px;height:19px;}.elementor .s-mm-soc-a{width:46px;height:46px;color:var(--ghz-text-secondary);border-radius:var(--ghz-radius-full);border-block-start-width:1px;border-block-end-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--ghz-sand-border);border-style:solid;background-color:var(--ghz-sand-50);display:flex;justify-content:center;align-items:center;}.elementor .s-mm-soc-a:hover,.elementor .s-mm-soc-a:focus-visible{color:var(--ghz-sand-50);border-color:transparent;background-color:var(--ghz-cedar);}.elementor .s-mm-soc{width:100%;display:flex;flex-direction:row;gap:14px;justify-content:center;align-items:center;}.elementor .s-mm-foot{display:none;}.elementor .s-nav-center{width:fit-content;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;display:flex;flex-direction:row;gap:28px;align-items:center;}.elementor .s-cta-phone{width:16px;height:16px;color:var(--ghz-white);}.elementor .s-cta-num{font-family:var(--ghz-font-display);font-weight:600;font-size:var(--ghz-fs-sm);color:var(--ghz-white);letter-spacing:0.04em;text-transform:uppercase;}.elementor .s-header-cta{width:fit-content;min-height:40px;font-size:var(--ghz-fs-sm);padding-block-start:0px;padding-block-end:0px;padding-inline-start:18px;padding-inline-end:18px;display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center;}.elementor .s-nav-burger{width:24px;height:24px;color:var(--ghz-graphite);display:none;}.elementor .s-nav-close{width:24px;height:24px;color:var(--ghz-graphite);transform:rotateX(0deg) rotateY(0deg) rotateZ(45deg);display:none;}.elementor .s-nav-actions{width:fit-content;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;display:flex;flex-direction:row;gap:12px;align-items:center;}.elementor .s-header-inner{display:flex;flex-direction:row;gap:24px;justify-content:space-between;align-items:center;}.elementor .s-site-header{width:100%;min-height:80px;position:sticky;inset-block-start:0px;z-index:100;border-block-end-width:1px;border-color:var(--ghz-sand-border);border-style:solid;background-color:#ffffff;display:flex;flex-direction:row;justify-content:center;align-items:center;/* Rozmycie tla dziala ZAWSZE, nie tylko po przewinieciu — pasek jest
   polprzezroczysty od pierwszej chwili. Prefiks -webkit- zostaje
   ze wzgledu na starsze Safari; prop backdrop-filter w schemacie atomic
   nie gwarantuje jego wyemitowania.

   Krzywa czasowa --gh-e nie miesci sie w propsie transition (ten niesie
   tylko wlasciwosc i czas), wiec cala deklaracja jest tutaj.

   .is-scrolled to klasa przelaczana JavaScriptem, a nie stan Elementora
   (te obsluguja tylko hover/active/focus/checked oraz e--selected
   i e--disabled), wiec jej reguly moga zyc wylacznie jako zagniezdzony
   selektor. Zagniezdzenie daje specyficznosc (0,3,0), czyli wyzej niz
   emitowane przez Elementora .elementor .s-site-header (0,2,0) — dlatego
   skrypt nie musi juz wpychac tych dwoch wartosci stylem inline
   z !important, jak robil do fazy 8. */
transition:box-shadow .25s var(--gh-e),background-color .25s var(--gh-e),min-height .25s var(--gh-e);
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
&.is-scrolled{min-height:64px;background-color:hsla(48,15%,94%,0.94);box-shadow:0 2px 4px rgba(35,37,39,.06),0 4px 8px rgba(35,37,39,.08);}\n}