/* Nawigacja na telefonie w 3 etapach (jak na komputerze, który zostaje bez zmian):
   1) na górze ciemny pasek, 2) po przewinięciu przenika w piaskowy z błyskiem złotej linii,
   3) niżej płynnie zwija się w pływającą kapsułę z nazwą bieżącej sekcji i złotym paskiem postępu.
   Animowane są tylko: przenikanie warstw (opacity), kształt kapsuły (clip-path), przesunięcia (translate).
   Cień kapsuły to osobna warstwa, która tylko przenika (cień z filtra przeliczał się w każdej klatce i rwał zwijanie). */
.nm-bg,.nm-tick{display:none}
.nm-ph{display:none}
.nm-in{display:contents}
.nm-av,.nm-sw{display:none}
@media (max-width:900px){
 html.nm{--nm-e:cubic-bezier(.65,0,.25,1);--nm-soft:cubic-bezier(.4,0,.2,1)}
 html.nm .site-header,html.nm .site-header.is-scrolled{background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-bottom:0 !important;box-shadow:none !important}
 .nm-bg{display:block;position:fixed;top:0;left:0;right:0;height:65px;z-index:999;pointer-events:none}
 /* cień kapsuły: gotowy kształt, tylko przenika */
 .nm-shd{position:absolute;top:7px;left:9px;right:9px;bottom:2px;border-radius:29px;box-shadow:0 14px 28px -12px rgba(18,13,10,.55),0 3px 8px rgba(18,13,10,.16);opacity:0;transition:opacity .5s ease}
 .nm-sh{position:absolute;inset:0;clip-path:inset(0px 0px 0px 0px round 0px);transition:clip-path .95s var(--nm-e)}
 .nm-d,.nm-t{position:absolute;inset:0}
 .nm-d{background:#2A211B;box-shadow:inset 0 -1px 0 #524436}
 .nm-t{background:linear-gradient(180deg,#CFBCA8,#C6B29C);box-shadow:inset 0 -1px 0 rgba(30,24,19,.16),inset 0 1px 0 rgba(255,250,240,.5);opacity:0;transition:opacity .6s ease}
 /* złoty błysk przy przejściu na piaskowy */
 .nm-gl{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#E9C98A 45%,#FFF1CC 50%,#E9C98A 55%,transparent);transform:translateX(-100%);opacity:0}
 html.nm-2 .nm-gl,html.nm-3 .nm-gl{animation:nmGlint 1.1s cubic-bezier(.22,1,.36,1)}
 @keyframes nmGlint{0%{transform:translateX(-100%);opacity:1}100%{transform:translateX(100%);opacity:0}}
 /* pasek postępu: tylko w kapsule, przesuwany transformacją */
 .nm-pr{position:absolute;left:24px;right:24px;bottom:6px;height:2px;border-radius:2px;background:rgba(30,24,19,.12);opacity:0;transition:opacity .5s ease}
 .nm-pr b{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#B89758,#E2C284);transform-origin:0 50%;transform:scaleX(var(--nm-p,0))}

 html.nm-2 .nm-t,html.nm-3 .nm-t{opacity:1}
 html.nm-3 .nm-sh{clip-path:inset(7px 9px 2px 9px round 29px)}
 html.nm-3 .nm-shd{opacity:1;transition:opacity .7s ease .45s}
 html.nm-3 .nm-pr{opacity:1;transition-delay:.55s}

 /* przyciski w etapach 2 i 3: ciemne na piaskowym; w kapsule zjeżdżają razem z jej brzegami, tą samą krzywą */
 html.nm-2 .site-header .mobile-pill-kontakt,html.nm-3 .site-header .mobile-pill-kontakt,
 html.nm-2 .site-header .mobile-hamburger-btn,html.nm-3 .site-header .mobile-hamburger-btn{background:#2A211B !important;border-color:#2A211B !important;box-shadow:0 4px 14px rgba(30,24,19,.3) !important}
 .site-header .mobile-pill-kontakt,.site-header .mobile-hamburger-btn{translate:0 0;scale:1;transition:translate .95s var(--nm-e),scale .95s var(--nm-e),box-shadow 1.2s ease,border-color 1.2s ease,background-color .5s ease !important}
 /* w kapsule odstępy od krawędzi po obu stronach równe, wszystko na osi kapsuły */
 html.nm-3 .site-header .mobile-pill-kontakt{translate:6px 3px}
 html.nm-3 .site-header .mobile-hamburger-btn{translate:-4px 3px;scale:.9}

 /* nazwa bieżącej sekcji: pole między „Kontakt” a menu wylicza skrypt (--nm-l / --nm-r), napis stoi dokładnie na jego środku */
 .nm-tick{display:block;position:fixed;top:7px;left:var(--nm-l,112px);right:var(--nm-r,112px);height:56px;z-index:1001;pointer-events:none;overflow:hidden;
  opacity:0;transform:translateY(-4px);filter:blur(0);transition:opacity .6s ease,transform .8s var(--nm-soft),filter .6s ease}
 html.nm-3 .nm-tick{opacity:1;transform:none;transition-delay:.5s}
 .nm-tick span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#1E1813;font:700 12.5px/1 'Poppins',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .45s ease}
 /* kropka i napis to jedna grupa; to ona stoi na środku pola między „Kontakt” a menu (z równym wolnym miejscem po obu stronach) */
 .nm-tick span b{position:relative;display:inline-flex;align-items:center;gap:9px;max-width:100%;font:inherit}
 .nm-tick span i{position:static;flex:none;width:6px;height:6px;margin:0 3px 0 3px;border-radius:50%;background:#B89758;box-shadow:0 0 0 3px rgba(184,151,88,.22)}
 .nm-tick span em{display:block;min-width:0;font-style:normal;overflow:hidden;text-overflow:ellipsis}
 .nm-tick span.is-out{transform:translateY(-120%);opacity:0}
 .nm-tick span.is-in{transform:translateY(120%);opacity:0}

 /* „Dostępny teraz”: jedna pigułka w pigułce we wszystkich etapach (nic nie przeskakuje przy zmianie etapu).
    Szerokość rośnie do dokładnie zmierzonej wartości (--nm-w), więc krzywa kończy się miękko na końcu ruchu;
    wcześniej max-width rosło do 200 px przy treści ~150 px i ruch urywał się w połowie (szarpnięcie). */
 html.nm .site-header .mobile-pill-kontakt .pill-sep{display:none !important}
 html.nm .site-header .mobile-pill-kontakt .pill-status-wrap{display:inline-flex !important;max-width:none !important;width:var(--nm-w,0px);overflow:hidden !important;
  transform:none !important;opacity:1 !important;transition:width 1.35s cubic-bezier(.45,0,.2,1) .45s !important}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"] .pill-status-wrap{transition:width 1.35s cubic-bezier(.45,0,.2,1) 0s !important}
 html.nm .site-header .mobile-pill-kontakt{transition:translate .95s var(--nm-e),scale .95s var(--nm-e),box-shadow 1.4s ease,border-color 1.4s ease,background-color .5s ease !important}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"]{border-color:rgba(226,194,132,.55) !important;box-shadow:0 0 0 1px rgba(226,194,132,.24),0 10px 26px -6px rgba(30,24,19,.45),0 0 28px -6px rgba(226,194,132,.3) !important}

 /* pigułka w pigułce: najpierw rysuje się od lewej, potem kolejno monogram, napis i słuchawka */
 html.nm .site-header .mobile-pill-kontakt .nm-in{position:relative;display:inline-flex;flex:none;align-items:center;gap:7px;margin-left:9px;padding:3px 4px 3px 3px;border-radius:999px;white-space:nowrap;overflow:hidden;
  background:linear-gradient(135deg,rgba(233,201,138,.18),rgba(233,201,138,.05));box-shadow:inset 0 0 0 1px rgba(233,201,138,.4),inset 0 1px 0 rgba(255,241,204,.14);
  opacity:0;transition:opacity .3s ease 1.5s}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"] .nm-in{opacity:1;transition:opacity .35s ease .05s}
 html.nm .site-header .mobile-pill-kontakt .pill-status-dot{display:none !important}
 /* monogram „OZ” z klejnotowym, oddychającym światłem statusu */
 .nm-av{display:none}
 html.nm .nm-av{position:relative;display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#43342A,#1A140F 70%);box-shadow:inset 0 0 0 1px rgba(233,201,138,.55),0 2px 6px rgba(0,0,0,.35);
  transform:scale(.4);opacity:0;transition:transform .35s cubic-bezier(.55,0,.45,1) 1.3s,opacity .25s ease 1.35s}
 html.nm .nm-av em{font:700 8.5px/1 'Poppins',system-ui,sans-serif;font-style:normal;letter-spacing:.04em;color:#E2C284}
 html.nm .nm-live{position:absolute;right:-2px;bottom:-1px;width:8px;height:8px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#C9F5DF,#4FCB93 45%,#1E7F55);box-shadow:0 0 0 1.5px #2A211B,0 0 7px rgba(79,203,147,.75);transform:scale(0);transition:transform .3s ease 1.1s}
 html.nm .nm-live::after{content:'';position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(110,220,170,.7);opacity:0}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"] .nm-av{transform:none;opacity:1;transition:transform .55s cubic-bezier(.34,1.3,.64,1) .3s,opacity .35s ease .3s}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"] .nm-live{transform:scale(1);transition:transform .45s cubic-bezier(.34,1.5,.64,1) .7s}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"] .nm-live::after{animation:nmBreath 2.6s ease-out 1.6s infinite}
 @keyframes nmBreath{0%{transform:scale(1);opacity:.85}70%{transform:scale(2.6);opacity:0}100%{transform:scale(2.6);opacity:0}}
 /* napis odsłaniany zasłoną od lewej */
 html.nm .site-header .mobile-pill-kontakt .pill-status-text{color:#F3E6C8 !important;font-weight:600 !important;font-size:.75rem !important;letter-spacing:.01em !important;
  clip-path:inset(-2px 100% -2px 0);transition:clip-path .6s cubic-bezier(.55,0,.45,1) .1s}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"] .pill-status-text{clip-path:inset(-2px -2px -2px 0);transition:clip-path .8s cubic-bezier(.45,0,.3,1) .5s}
 /* słuchawka wtacza się i dzwoni */
 html.nm .nm-ph{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F8E6BA,#D6B26A 60%,#B8904A);
  box-shadow:inset 0 1px 0 rgba(255,250,230,.6),0 2px 6px rgba(0,0,0,.25);color:#1E1813;transform:rotate(-140deg) scale(.3);opacity:0;transition:transform .45s cubic-bezier(.55,0,.45,1),opacity .35s ease .05s}
 .nm-ph svg{width:10px;height:10px}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"] .nm-ph{transform:none;opacity:1;transition:transform .7s cubic-bezier(.34,1.3,.64,1) .85s,opacity .4s ease .85s}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"] .nm-ph svg{animation:nmRing 1.4s ease-in-out 2.1s 1}
 @keyframes nmRing{0%,100%{rotate:0deg}12%{rotate:-14deg}24%{rotate:12deg}36%{rotate:-8deg}48%{rotate:5deg}60%{rotate:0deg}}
 /* na koniec przez całą pigułkę przechodzi jeden błysk */
 html.nm .nm-sw{position:absolute;top:0;bottom:0;left:0;width:40%;pointer-events:none;border-radius:999px;transform:translateX(-120%) skewX(-18deg);opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,244,214,.55),transparent)}
 html.nm .site-header .mobile-pill-kontakt[data-nm="open"] .nm-sw{animation:nmSweep 1.1s cubic-bezier(.4,0,.2,1) 1.6s 1}
 @keyframes nmSweep{0%{opacity:1;transform:translateX(-120%) skewX(-18deg)}100%{opacity:1;transform:translateX(330%) skewX(-18deg)}}
 /* w kapsule na czas pokazu nazwa sekcji gaśnie w miękkim rozmyciu */
 html.nm-3.nm-call .nm-tick{opacity:0;transform:translateY(-3px);filter:blur(5px);transition:opacity .7s ease,transform 1s var(--nm-soft),filter .7s ease;transition-delay:0s}

 /* otwarte menu: nazwa sekcji chowa się pod szufladą */
 html.nm-open .nm-tick{opacity:0}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
 .nm-sh,.nm-t,.nm-shd,.nm-tick,.nm-tick span,.site-header .mobile-pill-kontakt,.site-header .mobile-hamburger-btn{transition:none !important}
 .nm-gl{display:none}
}