/* Nawigacja, etap 3: pasek z etapu 2 (ten sam piaskowy kolor) zwija się w jedną pływającą kapsułę.
   W kapsule: logo, menu z przesuwanym wskaźnikiem, dostępność + telefon, wycena i pasek postępu strony. */
.dk3{display:none}
@media (min-width:901px){
 #site-header.site-header{transition:opacity .24s ease !important}
 #site-header.site-header.is-docked{opacity:0 !important;pointer-events:none !important}
 .dk3{display:block;--tan:linear-gradient(180deg,rgba(203,183,162,.95),rgba(196,175,152,.9)),linear-gradient(rgba(42,33,27,.96),rgba(42,33,27,.96));--ink:#1E1813;--gold:#B89758}
 .dk3-bg{position:fixed;top:0;left:0;right:0;z-index:1001;height:96px;pointer-events:none;background:var(--tan);visibility:hidden;will-change:clip-path}
 .dk3-bar{position:fixed;top:14px;left:50%;z-index:1002;display:flex;align-items:center;gap:6px;height:62px;padding:0 7px 0 22px;border-radius:999px;transform:translateX(-50%);box-sizing:border-box;white-space:nowrap;
  color:var(--ink);font-family:'Poppins',sans-serif;visibility:hidden;pointer-events:none;
  border:1px solid transparent;transition:box-shadow .5s ease,border-color .5s ease,background .01s linear}
 .dk3.is-on .dk3-bar{visibility:visible;pointer-events:auto}
 .dk3.is-solid .dk3-bar{background:var(--tan);border-color:rgba(255,248,235,.42);
  box-shadow:inset 0 1px 0 rgba(255,250,240,.55),inset 0 -1px 0 rgba(30,24,19,.08),0 18px 40px -16px rgba(18,13,10,.65),0 2px 6px rgba(18,13,10,.18)}
 .dk3-bar>*{position:relative;z-index:1}
 /* logo */
 .dk3-logo{display:flex;align-items:center;height:100%;padding-right:10px;text-decoration:none}
 .dk3-logo svg{height:30px;width:auto;display:block}
 .dk3-sep{width:1px;height:26px;margin:0 8px;background:linear-gradient(180deg,transparent,rgba(30,24,19,.28),transparent)}
 /* menu */
 .dk3-nav{position:relative;display:flex;align-items:center;gap:2px;height:46px}
 .dk3-ind{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:linear-gradient(180deg,#2E241D,#1A140F);box-shadow:inset 0 1px 0 rgba(255,240,215,.14),0 6px 14px -6px rgba(18,13,10,.7);opacity:0;
  transition:transform .55s cubic-bezier(.34,1.3,.64,1),width .55s cubic-bezier(.34,1.3,.64,1),opacity .3s ease}
 .dk3-ind.is-on{opacity:1}
 .dk3-link{position:relative;z-index:1;display:inline-flex;align-items:center;height:38px;padding:0 15px;border-radius:999px;color:rgba(30,24,19,.78);text-decoration:none;font:600 14px/1 'Poppins',sans-serif;letter-spacing:-.005em;transition:color .35s ease}
 .dk3-link:hover,.dk3-link:focus-visible{color:var(--ink);outline:none}
 .dk3-link.is-lit{color:#F4EADA}
 /* dostępność + telefon */
 .dk3-tel{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px 0 12px;border-radius:999px;text-decoration:none;color:var(--ink);transition:background .35s ease}
 .dk3-tel:hover{background:rgba(30,24,19,.08)}

 /* szukanie konsultanta: eleganckie szkielety z połyskiem (~7 s) → zdjęcie, zielony status i numer */
 .dk3-tel{position:relative;min-width:204px}
 .dk3-av{position:relative;flex:none;width:36px;height:36px;border-radius:50%;background:rgba(30,24,19,.08);box-shadow:inset 0 0 0 1px rgba(30,24,19,.1)}
 .dk3-av img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;opacity:0;transform:scale(.85);filter:blur(4px);transition:opacity .7s ease,transform .8s cubic-bezier(.34,1.4,.64,1),filter .7s ease}
 .dk3-av>.dk3-sh{border-radius:50%}
 .dk3-st{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#2F9E5F;box-shadow:0 0 0 2px #CBB7A2;transform:scale(0);transition:transform .5s cubic-bezier(.34,1.8,.64,1) .35s}
 .dk3-st::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1.5px solid rgba(47,158,95,.6);opacity:0}
 .dk3-mono{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3A2C21,#1A140F);color:#D9BE86;font:700 12.5px/1 'Poppins',sans-serif;font-style:normal;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(217,190,134,.35);opacity:0;transform:scale(.8);filter:blur(4px);transition:opacity .7s ease,transform .8s cubic-bezier(.34,1.4,.64,1),filter .7s ease}
 .dk3-tel.is-found .dk3-mono{opacity:1;transform:none;filter:none}
 .dk3-st{z-index:1}
 .dk3-tel.is-found .dk3-st{transform:scale(1)}
 .dk3-tel.is-found .dk3-st::after{animation:dk3Ping 2.4s ease-out 1s infinite}
 @keyframes dk3Ping{0%{transform:scale(.7);opacity:1}100%{transform:scale(2);opacity:0}}
 .dk3-sh{position:absolute;inset:0;overflow:hidden;pointer-events:none;transition:opacity .5s ease}
 .dk3-sh::before{content:'';position:absolute;top:0;bottom:0;left:-120%;width:70%;background:linear-gradient(90deg,transparent,rgba(255,250,240,.65),transparent);transform:skewX(-20deg);animation:dk3Sweep 1.8s cubic-bezier(.4,0,.2,1) infinite}
 .dk3-tel.is-found .dk3-sh{opacity:0}
 @keyframes dk3Sweep{0%{left:-120%}100%{left:150%}}
 .dk3-tw{position:relative;display:grid;height:34px;min-width:146px;overflow:hidden}
 .dk3-ts,.dk3-tf{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;gap:6px;transition:transform .75s cubic-bezier(.76,0,.24,1),opacity .55s ease,filter .55s ease}
 .dk3-sk{position:relative;display:block;height:9px;border-radius:99px;background:rgba(30,24,19,.09);overflow:hidden}
 .dk3-sk.l1{width:96px}.dk3-sk.l2{width:136px;height:11px}
 .dk3-sk.l2 .dk3-sh::before{animation-delay:.25s}
 .dk3-tf{gap:3px;transform:translateY(60%);opacity:0;filter:blur(5px)}
 .dk3-tel.is-found .dk3-ts{transform:translateY(-60%);opacity:0;filter:blur(5px)}
 .dk3-tel.is-found .dk3-tf{transform:none;opacity:1;filter:none}
 .dk3-tf small{font:600 10px/1 'Poppins',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#2F7A4E}
 .dk3-tf b{font:700 14px/1 'Poppins',sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums}
 .dk3-tel small{font:600 10px/1 'Poppins',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(30,24,19,.6)}
 .dk3-tel b{font:700 14px/1 'Poppins',sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums}
 /* wycena */
 .dk3-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;height:48px;margin-left:4px;padding:0 20px 0 22px;border-radius:999px;text-decoration:none;
  background:linear-gradient(180deg,#1F1813,#2E241C);color:#F2E6CF;font:700 14px/1 'Poppins',sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.16),0 8px 18px -8px rgba(18,13,10,.8);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
 .dk3-cta em{font-style:normal;color:#D9BE86}
 .dk3-cta svg{width:16px;height:16px;transition:transform .45s cubic-bezier(.22,1,.36,1)}
 .dk3-cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,236,200,.2),0 14px 26px -10px rgba(18,13,10,.85)}
 .dk3-cta:hover svg{transform:translateX(4px)}
 .dk3-cta::after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,236,200,.28),transparent);transform:skewX(-20deg);animation:dk3Shine 5.5s ease-in-out 2s infinite}
 @keyframes dk3Shine{0%,70%{left:-40%}100%{left:130%}}
 /* postęp strony */
 .dk3-prog{position:absolute;z-index:2;left:34px;right:34px;bottom:4px;height:2px;border-radius:2px;overflow:hidden;pointer-events:none;background:rgba(30,24,19,.07)}
 .dk3-prog b{display:block;height:100%;width:100%;background:linear-gradient(90deg,rgba(184,151,88,0),#B89758 30%,#7A5C33);transform-origin:0 50%;transform:scaleX(0)}
}
@media (min-width:901px) and (max-width:1320px){.dk3-link{padding:0 11px}}
@media (min-width:901px) and (max-width:1140px){.dk3-tel{display:none}.dk3-sep.s2{display:none}.dk3-link{padding:0 10px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.dk3 *{animation:none !important;transition:none !important}}