/* Wyprane3City - menu mobilne v1 (18.09.2026)
   Panel wjezdza POD szklany naglowek (z-index 299 < 300), wiec logo i przycisk zostaja na miejscu,
   a hamburger zamienia sie w X. Stary .w3cMobilePanel jest usuwany przez mobile-menu.js. */
.w3cMobilePanel{display:none!important}

.menuButton .w3cBurger{position:relative;display:block;width:20px;height:14px}
.menuButton .w3cBurger i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .2s,top .34s cubic-bezier(.2,.8,.2,1)}
.menuButton .w3cBurger i:nth-child(1){top:0}
.menuButton .w3cBurger i:nth-child(2){top:6px;right:5px}
.menuButton .w3cBurger i:nth-child(3){top:12px}
html body .siteHeader .menuButton[aria-expanded="true"]{background:linear-gradient(135deg,var(--blue,#0a56c8),var(--cyan,#22adef))!important;border-color:#91e1ff80!important;box-shadow:0 10px 28px #0a56c866,inset 0 1px 0 #ffffff47!important}
.menuButton[aria-expanded="true"] .w3cBurger i:nth-child(1){top:6px;transform:rotate(45deg)}
.menuButton[aria-expanded="true"] .w3cBurger i:nth-child(2){opacity:0;transform:translateX(8px)}
.menuButton[aria-expanded="true"] .w3cBurger i:nth-child(3){top:6px;transform:rotate(-45deg)}

.w3cMenu{position:fixed;inset:0;z-index:299;display:flex;flex-direction:column;overflow:hidden;
  font-family:Manrope,sans-serif;color:#fff;
  background:
    radial-gradient(120% 60% at 100% 0%,#22adef3d 0%,transparent 60%),
    radial-gradient(90% 55% at 0% 100%,#0a56c857 0%,transparent 62%),
    linear-gradient(168deg,#06152b 0%,#0a213f 52%,#051023 100%);
  opacity:0;visibility:hidden;clip-path:circle(0% at var(--ox,calc(100% - 42px)) var(--oy,44px));
  transition:clip-path .62s cubic-bezier(.22,.9,.24,1),opacity .25s,visibility 0s linear .62s}
.w3cMenu.isOpen{opacity:1;visibility:visible;clip-path:circle(150% at var(--ox,calc(100% - 42px)) var(--oy,44px));
  transition:clip-path .62s cubic-bezier(.22,.9,.24,1),opacity .2s,visibility 0s}
.w3cMenu::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask-image:radial-gradient(90% 70% at 50% 30%,#000 0%,transparent 78%);mask-image:radial-gradient(90% 70% at 50% 30%,#000 0%,transparent 78%)}
.w3cMenu-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.w3cMenu-bubbles span{position:absolute;bottom:-40px;border-radius:50%;border:1px solid #91e1ff59;
  background:radial-gradient(circle at 32% 28%,#ffffff66 0 12%,#91e1ff1f 38%,transparent 70%);
  animation:w3cMenuRise linear infinite}
@keyframes w3cMenuRise{0%{transform:translate3d(0,0,0) scale(.7);opacity:0}12%{opacity:.85}100%{transform:translate3d(var(--dx,20px),-110vh,0) scale(1.1);opacity:0}}

.w3cMenu-scroll{position:relative;flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding:104px 22px 18px;display:flex;flex-direction:column;gap:22px}
.w3cMenu-kicker{margin:0 0 4px;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-soft,#91e1ff)}
.w3cMenu-kicker::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#91e1ff4d,transparent)}

.w3cMenu-links{display:flex;flex-direction:column}
.w3cMenu-links a{position:relative;display:flex;align-items:baseline;gap:14px;padding:7px 2px 8px;text-decoration:none;color:#fff;
  border-bottom:1px solid #ffffff14;
  font-family:"Barlow Condensed",sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.03em;
  font-size:clamp(30px,8.8vw,44px);line-height:1}
.w3cMenu-links a small{flex:none;width:22px;font-family:Manrope,sans-serif;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.12em;color:#91e1ff99;transform:translateY(-.9em)}
.w3cMenu-links a b{font-weight:900;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.w3cMenu-links a svg{margin-left:auto;align-self:center;width:22px;height:22px;flex:none;opacity:.28;transition:transform .25s,opacity .25s}
.w3cMenu-links a:active b,.w3cMenu-links a:hover b{transform:translateX(6px)}
.w3cMenu-links a:active svg,.w3cMenu-links a:hover svg{opacity:1;transform:translateX(4px);color:var(--cyan,#22adef)}
.w3cMenu-links a.isCurrent b{background:linear-gradient(100deg,#fff 0%,var(--cyan-soft,#91e1ff) 45%,var(--cyan,#22adef) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.w3cMenu-links a.isCurrent small{color:var(--brown-light,#db9b50)}
.w3cMenu-links a.isCurrent::before{content:"";position:absolute;left:-22px;top:50%;width:12px;height:3px;border-radius:3px;background:var(--cyan,#22adef);box-shadow:0 0 14px var(--cyan,#22adef)}

.w3cMenu-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.w3cMenu-chips a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:0 14px;border-radius:14px;text-decoration:none;
  color:#ffffffe0;font-size:12px;font-weight:800;letter-spacing:.01em;
  background:#ffffff0f;border:1px solid #ffffff24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 #ffffff1f;transition:background .2s,border-color .2s,transform .2s}
.w3cMenu-chips a::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan,#22adef);box-shadow:0 0 10px var(--cyan,#22adef);flex:none;opacity:.7}
.w3cMenu-chips a:active,.w3cMenu-chips a:hover{background:#22adef2e;border-color:#91e1ff80;transform:translateY(-1px)}
.w3cMenu-chips a.isCurrent{background:#22adef38;border-color:#91e1ffa6;color:#fff}

.w3cMenu-dock{position:relative;flex:none;padding:14px 22px calc(16px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,#06152b00,#040e1fe6 34%);border-top:1px solid #ffffff14;display:grid;gap:10px}
.w3cMenu-cta{display:flex;align-items:center;justify-content:center;gap:11px;min-height:58px;border-radius:17px;text-decoration:none;color:#fff;
  font-size:13px;font-weight:800;letter-spacing:.02em;position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--blue,#0a56c8),var(--cyan,#22adef));box-shadow:0 16px 42px #086fd366,inset 0 1px 0 #ffffff47}
.w3cMenu-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,#ffffff59 50%,transparent 62%);transform:translateX(-120%);animation:w3cMenuShine 3.6s ease-in-out infinite 1s}
@keyframes w3cMenuShine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.w3cMenu-cta svg{width:18px;height:18px;flex:none}
.w3cMenu-row{display:flex;align-items:center;gap:10px}
.w3cMenu-tel{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:15px;text-decoration:none;color:#fff;font-size:13px;font-weight:800;
  background:#ffffff12;border:1px solid #ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.w3cMenu-tel svg{width:16px;height:16px;color:var(--cyan,#22adef)}
.w3cMenu-socials{display:flex;gap:8px}
.w3cMenu-socials a{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:#fff;background:#ffffff12;border:1px solid #ffffff2e;text-decoration:none}
.w3cMenu-socials a svg{width:18px;height:18px}
.w3cMenu a:focus-visible{outline:2px solid var(--cyan-soft,#91e1ff);outline-offset:3px}

/* wejscie kaskadowe */
.w3cMenu [data-in]{opacity:0;transform:translateY(22px)}
.w3cMenu.isOpen [data-in]{opacity:1;transform:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.85,.25,1);transition-delay:calc(.16s + var(--i,0) * .045s)}

html.w3cMenuLock,html.w3cMenuLock body{overflow:hidden!important}
@media (min-width:1121px){.w3cMenu{display:none!important}}
@media (min-width:700px) and (max-width:1120px){
  .w3cMenu-scroll{padding:130px 8vw 24px}.w3cMenu-dock{padding-left:8vw;padding-right:8vw;grid-template-columns:1.2fr 1fr;align-items:center}
  .w3cMenu-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.w3cMenu-links a{font-size:58px}
}
@media (max-height:640px){.w3cMenu-scroll{padding-top:96px;gap:18px}.w3cMenu-links a{font-size:32px;padding:6px 2px 7px}}
@media (prefers-reduced-motion:reduce){
  .w3cMenu,.w3cMenu.isOpen{clip-path:none;transition:opacity .15s,visibility 0s}
  .w3cMenu [data-in]{opacity:1;transform:none;transition:none!important}
  .w3cMenu-bubbles,.w3cMenu-cta::after{display:none}
}