/* Menu główne z rozwijanymi panelami Wyjazdy i Współpraca (15.10.2026). Źródło HTML: narzedzia/menu-nav.mjs */
/* Propozycja menu 14.10.2026 — nadpisuje inline <style> „menu z 8 pozycjami” (pełna belka znów od 900 px) */
.pm-prawa{display:flex;align-items:center;gap:18px}
.pm-strefa{display:none}
@media(min-width:900px){
  html .nav .glowna.pm{display:block}
  html .nav .burger{display:none}
  .nav .wrap{display:grid;grid-template-columns:1fr auto 1fr}
  .pm-prawa{justify-self:end}
  .nav ul.pm-lista{gap:30px;align-items:center}
  .pm-strefa{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ash);min-height:44px;transition:color .2s}
  .pm-strefa span{display:none}
  @media(hover:hover){.pm-strefa:hover{color:var(--snow)}}
  .pm-strefa[aria-current=page]{color:var(--snow)}
}
@media(min-width:1180px){.pm-strefa span{display:inline}}
@media(min-width:900px) and (max-width:1023px){.nav ul.pm-lista{gap:22px}}

/* guziki rozwijane wyglądają jak zwykłe linki belki */
.pm-roz{position:relative}
.pm-guzik{display:inline-flex;align-items:center;gap:6px;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;min-height:44px}
.pm-strz{transition:transform .25s var(--ease,ease)}
.pm-roz.otwarte .pm-guzik,.pm-guzik.biezaca{color:var(--snow)}
.pm-roz.otwarte .pm-strz{transform:rotate(180deg)}
.pm-guzik.biezaca{text-decoration:underline;text-decoration-color:var(--ember);text-decoration-thickness:1px;text-underline-offset:8px}
@media(hover:hover){.pm-guzik:hover{color:var(--snow)}}
.pm-guzik:focus-visible{outline:2px solid var(--ember-3);outline-offset:4px;border-radius:4px}

/* panel: ciemne szkło jak baner cookies */
.pm-panel{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;min-width:300px;padding:10px;border-radius:18px;
  background:rgba(23,27,32,.97);-webkit-backdrop-filter:blur(30px) saturate(1.4);backdrop-filter:blur(30px) saturate(1.4);
  border:1px solid var(--line-2);box-shadow:0 24px 60px -12px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.25);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top center;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;color:var(--snow);font-size:14px}
.pm-panel::before{content:"";position:absolute;inset:-14px 0 auto;height:14px}  /* mostek: kursor nie gubi panelu */
.pm-roz.otwarte .pm-panel{opacity:1;visibility:visible;transform:none;transition:opacity .22s var(--ease,ease),transform .32s cubic-bezier(.32,.72,0,1),visibility 0s}
.pm-panel-wyj{width:680px;padding:10px;left:0;translate:-22px 0}
.pm-gora{display:grid;grid-template-columns:250px 1fr;gap:10px}
.pm-kol{display:flex;flex-direction:column}
.pm-panel ul{list-style:none;display:grid;gap:2px;margin:0;padding:0;font-size:14px;color:var(--snow)}
.pm-etyk{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash-2);padding:8px 12px 6px;margin:0}
/* lista terminów: nazwa z lewej, data z prawej, aktywny = jasne tło i kreska w kolorze marki */
.pm-termin{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 12px;border-radius:10px;color:var(--ash);box-shadow:inset 0 0 0 1px transparent;transition:background .25s,box-shadow .25s,color .2s,transform .25s cubic-bezier(.32,.72,0,1)}
.pm-termin .pm-nazwa{font-size:14.5px;white-space:nowrap}
.pm-data{font-family:var(--mono);font-size:11.5px;color:var(--ash-2);white-space:nowrap;transition:color .15s}
/* aktywny termin: to samo podświetlenie co kafelki Współpracy (15.10.2026) */
.pm-termin.aktywny{color:var(--snow);background:linear-gradient(160deg,rgba(200,132,58,.2) 0%,rgba(200,132,58,.07) 55%,rgba(237,239,240,.02) 100%);box-shadow:inset 0 0 0 1px rgba(242,179,107,.32),inset 0 1px 0 rgba(242,179,107,.2),0 12px 30px -14px rgba(200,132,58,.45);transform:translateY(-1px)}
.pm-termin.aktywny .pm-data{color:var(--ember-3)}
.pm-wszystkie{margin-top:auto;padding:10px 12px;border-radius:10px;font-size:13px;color:var(--ash)}
@media(hover:hover){.pm-wszystkie:hover{color:var(--snow);background:rgba(237,239,240,.06)}}
.pm-termin:focus-visible,.pm-prywatny:focus-visible,.pm-wszystkie:focus-visible,.pm-podglad:focus-visible{outline:2px solid var(--ember-3);outline-offset:-2px}
/* podgląd: wszystkie w jednej komórce siatki, widać aktywny (przenikanie) */
.pm-podglady{display:grid;border-radius:13px;background:rgba(237,239,240,.04);border:1px solid var(--line);overflow:hidden}
.pm-podglad{grid-area:1/1;display:flex;flex-direction:column;padding:8px 8px 14px;color:var(--snow);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s}
.pm-podglad.aktywny{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}
.pm-pg-foto{display:block;aspect-ratio:16/8;border-radius:8px;overflow:hidden;background:var(--lava-2)}
.pm-pg-foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .6s cubic-bezier(.32,.72,0,1)}
.pm-podglad.aktywny .pm-pg-foto img{transform:none}
.pm-pg-glowa{display:grid;gap:3px;padding:12px 6px 0}
.pm-pg-t{font-family:var(--display);font-size:21px;line-height:1.15}
.pm-pg-d{font-family:var(--mono);font-size:11.5px;color:var(--ash);display:flex;gap:6px}
.pm-pg-d i{font-style:normal;color:var(--ash-2)}
.pm-pg-cena{display:flex;align-items:baseline;gap:8px;padding:10px 6px 4px}
.pm-pg-cena b{font-size:19px;font-weight:500;color:var(--ember-3);white-space:nowrap}
.pm-pg-cena small{font-size:12.5px;color:var(--ash)}
.pm-podglad .pm-etyk{padding:8px 6px 6px}
.pm-pg-w{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;padding:0 6px}
.pm-pg-w>span{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--snow);line-height:1.25}
.pm-pg-w svg{flex:none;width:18px;height:18px;color:var(--ember-3)}
/* Współpraca: trzy kafelki ze zdjęciem i opisem od razu */
.pm-panel-wsp{width:620px;padding:10px}
.pm-panel ul.pm-kafle{grid-template-columns:repeat(3,1fr);gap:8px}
.pm-kafel{display:flex;flex-direction:column;gap:6px;height:100%;padding:12px 10px 16px;border-radius:12px;color:var(--snow);text-decoration:none;
  background:rgba(237,239,240,.025);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s,box-shadow .25s,transform .25s cubic-bezier(.32,.72,0,1)}
/* podświetlenie jak karta prywatnego wyjazdu: ciepła poświata, złotawa obwódka, lekkie uniesienie (15.10.2026) */
.pm-kafel:hover,.pm-kafel:focus-visible{background:linear-gradient(160deg,rgba(200,132,58,.2) 0%,rgba(200,132,58,.07) 55%,rgba(237,239,240,.02) 100%);box-shadow:inset 0 0 0 1px rgba(242,179,107,.32),inset 0 1px 0 rgba(242,179,107,.2),0 12px 30px -14px rgba(200,132,58,.45);transform:translateY(-2px)}
.pm-kafel:hover .pm-kafel-ico,.pm-kafel:focus-visible .pm-kafel-ico{background:rgba(200,132,58,.3);box-shadow:inset 0 0 0 1px rgba(242,179,107,.35)}
.pm-kafel:hover .pm-kafel-strz,.pm-kafel:focus-visible .pm-kafel-strz{color:var(--ember-3);transform:translateX(3px)}
.pm-kafel:hover small,.pm-kafel:focus-visible small{color:rgba(237,239,240,.8)}
.pm-kafel:focus-visible{outline:none}
@media(prefers-reduced-motion:reduce){.pm-kafel,.pm-kafel:hover,.pm-termin.aktywny{transform:none}}
.pm-kafel-ico{display:grid;place-items:center;width:44px;height:44px;margin:4px 4px 8px;border-radius:12px;background:rgba(200,132,58,.12);color:var(--ember-3);transition:background .2s}
.pm-kafel-t{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:14.5px;padding:0 4px}
.pm-kafel-strz{color:var(--ash-2);transition:transform .25s cubic-bezier(.32,.72,0,1),color .2s}
.pm-kafel small{font-size:12.5px;line-height:1.45;color:var(--ash);padding:0 4px;transition:color .2s}
/* Poradniki: te same kafelki, pod spodem link do wszystkich */
.pm-wszystkie-por{display:inline-block;margin-top:6px}
@media(max-width:1099px){.pm-panel-wsp{width:600px}}
/* prywatny wyjazd na dole: wiersz pod cienką linią, ikonka diamentu, szeryfowy tytuł (15.10.2026, klient premium) */
.pm-prywatny{position:relative;display:flex;align-items:center;gap:14px;margin-top:10px;padding:12px 18px 12px 12px;border-radius:13px;color:var(--snow);text-decoration:none;
  background:linear-gradient(100deg,rgba(200,132,58,.16) 0%,rgba(200,132,58,.06) 45%,rgba(237,239,240,.02) 100%);
  box-shadow:inset 0 0 0 1px rgba(242,179,107,.18),inset 0 1px 0 rgba(242,179,107,.14);transition:box-shadow .25s,background .25s}
@media(hover:hover){.pm-prywatny:hover{background:linear-gradient(100deg,rgba(200,132,58,.24) 0%,rgba(200,132,58,.1) 50%,rgba(237,239,240,.03) 100%);box-shadow:inset 0 0 0 1px rgba(242,179,107,.32),inset 0 1px 0 rgba(242,179,107,.2),0 10px 30px -12px rgba(200,132,58,.35)}}
.pm-prywatny,.pm-prywatny:hover,.pm-prywatny *{text-decoration:none}
.pm-pryw-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(200,132,58,.18);box-shadow:inset 0 0 0 1px rgba(242,179,107,.25);color:var(--ember-3);transition:background .2s}
.pm-pryw-tekst{display:grid;gap:3px}
.pm-pryw-t{font-family:var(--display);font-size:19px;line-height:1.15;white-space:nowrap}
.pm-prywatny small{font-size:12.5px;color:rgba(237,239,240,.72)}
.pm-pryw-cta{margin-left:auto;font-size:13px;color:var(--ember-3);white-space:nowrap;transition:color .2s}
.pm-pryw-cta span{display:inline-block;transition:transform .25s cubic-bezier(.32,.72,0,1)}
@media(hover:hover){.pm-prywatny:hover .pm-pryw-ico{background:rgba(200,132,58,.28)}.pm-prywatny:hover .pm-pryw-cta{color:var(--snow)}.pm-prywatny:hover .pm-pryw-cta span{transform:translateX(3px)}}
.nav .pm-panel a[aria-current=page],.nav .pm-panel a[aria-current=page] *{text-decoration:none}   /* bieżący wyjazd bez podkreślenia, podświetla go klasa .aktywny (15.10.2026) */

@media(prefers-reduced-motion:reduce){.pm-panel,.pm-roz.otwarte .pm-panel,.pm-strz{transition:none;transform:none}}

/* telefon: rozwijane listy (15.10.2026) */
.menu nav.pm-tel{margin-top:4vh;gap:0}
.menu nav.pm-tel>a,.pm-akord summary{font-family:var(--display);font-weight:300;font-size:26px;line-height:1.15;color:var(--snow);padding:13px 0;border-bottom:1px solid var(--line)}
.pm-akord summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}
.pm-akord summary::-webkit-details-marker{display:none}
.pm-akord summary .pm-strz{width:14px;height:14px;color:var(--ash);transition:transform .3s cubic-bezier(.32,.72,0,1)}
.pm-akord[open] summary .pm-strz{transform:rotate(180deg)}
.pm-akord[open] summary{border-bottom-color:transparent}
.pm-akord-in{display:grid;gap:2px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.menu nav.pm-tel .pm-akord-in a{font-family:var(--body,inherit);font-weight:400;border-bottom:0;line-height:1.3;text-decoration:none}
.menu nav.pm-tel .pm-akord-in .pm-tel-pryw .pm-pryw-ico{flex:none;display:grid;place-items:center;border-radius:12px}
.menu nav.pm-tel .pm-tel-poz{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;font-size:16px;color:var(--snow)}
.menu nav.pm-tel .pm-tel-poz small{font-family:var(--mono);font-size:12px;color:var(--ash)}
.menu nav.pm-tel .pm-tel-ik{justify-content:flex-start;gap:14px}
.menu nav.pm-tel .pm-tel-ik .pm-kafel-ico{width:36px;height:36px;margin:0;border-radius:10px}
.menu nav.pm-tel .pm-tel-ik .pm-kafel-ico svg{width:19px;height:19px}
.menu nav.pm-tel .pm-tel-pryw{display:flex;align-items:center;gap:14px;margin:6px 0 2px;padding:12px;border-radius:13px;color:var(--snow);
  background:linear-gradient(100deg,rgba(200,132,58,.16) 0%,rgba(200,132,58,.06) 50%,rgba(237,239,240,.02) 100%);box-shadow:inset 0 0 0 1px rgba(242,179,107,.22)}
.menu nav.pm-tel .pm-tel-pryw .pm-pryw-ico{width:40px;height:40px}
.menu nav.pm-tel .pm-tel-pryw b{display:block;font-family:var(--display);font-weight:400;font-size:18px}
.menu nav.pm-tel .pm-tel-pryw small{display:block;font-size:12.5px;color:rgba(237,239,240,.72);margin-top:2px}
.menu nav.pm-tel .pm-tel-wsz{display:block;padding:10px 12px;font-size:14px;color:var(--ember-3)}
.menu nav.pm-tel a.pm-tel-strefa{display:flex;align-items:center;gap:10px;font-family:inherit;font-size:15px;color:var(--ash);border-bottom:0;margin-top:14px}
.menu nav.pm-tel .pm-tel-poz:active,.menu nav.pm-tel .pm-tel-pryw:active{background:rgba(237,239,240,.06)}
.menu nav.pm-tel a[aria-current=page]{text-decoration:none}
.menu nav.pm-tel .pm-tel-poz[aria-current=page]{background:linear-gradient(160deg,rgba(200,132,58,.2),rgba(200,132,58,.06) 60%);box-shadow:inset 0 0 0 1px rgba(242,179,107,.3)}
@media(prefers-reduced-motion:reduce){.pm-akord summary .pm-strz{transition:none}}

/* Współpraca: trzy kafelki ze zdjęciem i opisem od razu */
.pm-panel-wsp{width:620px;padding:10px}
.pm-panel ul.pm-kafle{grid-template-columns:repeat(3,1fr);gap:8px}
.pm-kafel{display:flex;flex-direction:column;gap:6px;height:100%;padding:12px 10px 16px;border-radius:12px;color:var(--snow);text-decoration:none;
  background:rgba(237,239,240,.025);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s,box-shadow .25s,transform .25s cubic-bezier(.32,.72,0,1)}
/* podświetlenie jak karta prywatnego wyjazdu: ciepła poświata, złotawa obwódka, lekkie uniesienie (15.10.2026) */
.pm-kafel:hover,.pm-kafel:focus-visible{background:linear-gradient(160deg,rgba(200,132,58,.2) 0%,rgba(200,132,58,.07) 55%,rgba(237,239,240,.02) 100%);box-shadow:inset 0 0 0 1px rgba(242,179,107,.32),inset 0 1px 0 rgba(242,179,107,.2),0 12px 30px -14px rgba(200,132,58,.45);transform:translateY(-2px)}
.pm-kafel:hover .pm-kafel-ico,.pm-kafel:focus-visible .pm-kafel-ico{background:rgba(200,132,58,.3);box-shadow:inset 0 0 0 1px rgba(242,179,107,.35)}
.pm-kafel:hover .pm-kafel-strz,.pm-kafel:focus-visible .pm-kafel-strz{color:var(--ember-3);transform:translateX(3px)}
.pm-kafel:hover small,.pm-kafel:focus-visible small{color:rgba(237,239,240,.8)}
.pm-kafel:focus-visible{outline:none}
@media(prefers-reduced-motion:reduce){.pm-kafel,.pm-kafel:hover,.pm-termin.aktywny{transform:none}}
.pm-kafel-ico{display:grid;place-items:center;width:44px;height:44px;margin:4px 4px 8px;border-radius:12px;background:rgba(200,132,58,.12);color:var(--ember-3);transition:background .2s}
.pm-kafel-t{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:14.5px;padding:0 4px}
.pm-kafel-strz{color:var(--ash-2);transition:transform .25s cubic-bezier(.32,.72,0,1),color .2s}
.pm-kafel small{font-size:12.5px;line-height:1.45;color:var(--ash);padding:0 4px;transition:color .2s}
/* Poradniki: te same kafelki, pod spodem link do wszystkich */
.pm-wszystkie-por{display:inline-block;margin-top:6px}
@media(max-width:1099px){.pm-panel-wsp{width:600px}}
/* prywatny wyjazd na dole: wiersz pod cienką linią, ikonka diamentu, szeryfowy tytuł (15.10.2026, klient premium) */
.pm-prywatny{position:relative;display:flex;align-items:center;gap:14px;margin-top:10px;padding:12px 18px 12px 12px;border-radius:13px;color:var(--snow);text-decoration:none;
  background:linear-gradient(100deg,rgba(200,132,58,.16) 0%,rgba(200,132,58,.06) 45%,rgba(237,239,240,.02) 100%);
  box-shadow:inset 0 0 0 1px rgba(242,179,107,.18),inset 0 1px 0 rgba(242,179,107,.14);transition:box-shadow .25s,background .25s}
@media(hover:hover){.pm-prywatny:hover{background:linear-gradient(100deg,rgba(200,132,58,.24) 0%,rgba(200,132,58,.1) 50%,rgba(237,239,240,.03) 100%);box-shadow:inset 0 0 0 1px rgba(242,179,107,.32),inset 0 1px 0 rgba(242,179,107,.2),0 10px 30px -12px rgba(200,132,58,.35)}}
.pm-prywatny,.pm-prywatny:hover,.pm-prywatny *{text-decoration:none}
.pm-pryw-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(200,132,58,.18);box-shadow:inset 0 0 0 1px rgba(242,179,107,.25);color:var(--ember-3);transition:background .2s}
.pm-pryw-tekst{display:grid;gap:3px}
.pm-pryw-t{font-family:var(--display);font-size:19px;line-height:1.15;white-space:nowrap}
.pm-prywatny small{font-size:12.5px;color:rgba(237,239,240,.72)}
.pm-pryw-cta{margin-left:auto;font-size:13px;color:var(--ember-3);white-space:nowrap;transition:color .2s}
.pm-pryw-cta span{display:inline-block;transition:transform .25s cubic-bezier(.32,.72,0,1)}
@media(hover:hover){.pm-prywatny:hover .pm-pryw-ico{background:rgba(200,132,58,.28)}.pm-prywatny:hover .pm-pryw-cta{color:var(--snow)}.pm-prywatny:hover .pm-pryw-cta span{transform:translateX(3px)}}
.nav .pm-panel a[aria-current=page],.nav .pm-panel a[aria-current=page] *{text-decoration:none}   /* bieżący wyjazd bez podkreślenia, podświetla go klasa .aktywny (15.10.2026) */

@media(prefers-reduced-motion:reduce){.pm-panel,.pm-roz.otwarte .pm-panel,.pm-strz{transition:none;transform:none}}

/* wąskie laptopy: węższy panel, żeby nie wychodził za ekran */
@media(max-width:1099px){.pm-panel-wyj{width:620px}.pm-gora{grid-template-columns:236px 1fr}.pm-termin{gap:8px;padding:11px 10px}.pm-termin .pm-nazwa{font-size:14px}.pm-pg-w{grid-template-columns:1fr}}

/* Sylwester na zielono: kolor zorzy jak guzik .g-zorza na stronie głównej (15.10.2026, właściciel) */
.pm-termin.pm-zielony{box-shadow:inset 0 0 0 1px rgba(47,224,154,.22)}
.pm-termin.pm-zielony .pm-data{color:rgb(120,236,190)}
.pm-termin.pm-zielony.aktywny{background:linear-gradient(160deg,rgba(47,224,154,.22) 0%,rgba(31,207,140,.08) 55%,rgba(237,239,240,.02) 100%);box-shadow:inset 0 0 0 1px rgba(47,224,154,.42),inset 0 1px 0 rgba(47,224,154,.25),0 12px 30px -12px rgba(31,207,140,.5)}
.menu nav.pm-tel .pm-tel-poz.pm-zielony{background:linear-gradient(160deg,rgba(47,224,154,.18),rgba(31,207,140,.05) 60%);box-shadow:inset 0 0 0 1px rgba(47,224,154,.32)}
.menu nav.pm-tel .pm-tel-poz.pm-zielony small{color:rgb(120,236,190)}
/* Sylwester: obracająca się obwódka zorzy jak guzik .g-zorza na stronie głównej (15.10.2026, właściciel: „animacja jak na guziku”) */
@property --kat{syntax:'<angle>';inherits:true;initial-value:0deg}
@keyframes pm-zorza-kat{to{--kat:360deg}}
.pm-termin.pm-zielony,.menu nav.pm-tel .pm-tel-poz.pm-zielony{position:relative;isolation:isolate;animation:pm-zorza-kat 2.4s linear infinite;
  --zorza:conic-gradient(from var(--kat),#0B6E50,#1FCF8C,#9DFFD3,#2FE09A,#0B6E50,#14A877,#7CF7C2,#0B6E50)}
.pm-termin.pm-zielony::before,.menu nav.pm-tel .pm-tel-poz.pm-zielony::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--zorza);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.75;transition:opacity .3s}
.pm-termin.pm-zielony.aktywny::before{opacity:1}
.pm-termin.pm-zielony{box-shadow:0 0 18px -6px rgba(47,224,154,.45)}
.pm-termin.pm-zielony.aktywny{box-shadow:0 0 22px -2px rgba(47,224,154,.55),0 0 46px -8px rgba(31,207,140,.4),inset 0 0 22px rgba(47,224,154,.18)}
.menu nav.pm-tel .pm-tel-poz.pm-zielony{box-shadow:0 0 18px -4px rgba(47,224,154,.45),inset 0 0 18px rgba(47,224,154,.14)}
@media(prefers-reduced-motion:reduce){.pm-termin.pm-zielony,.menu nav.pm-tel .pm-tel-poz.pm-zielony{animation:none}}
@media(forced-colors:active){.pm-termin.pm-zielony::before,.menu nav.pm-tel .pm-tel-poz.pm-zielony::before{display:none}}

/* mysz: napis jest polem najechania, bez dodatkowego marginesu 44 px wokół (15.10.2026). Panel zostaje w tym samym miejscu, mostek wyższy */
@media(hover:hover) and (pointer:fine){
  .pm-guzik{min-height:0;padding:5px 0}
  .pm-panel{top:calc(100% + 17px)}
  .pm-panel::before{inset:-22px 0 auto;height:22px}
}