/* saly.pl – nagłówek i menu (motyw tecnologia-saly). Wszystko pod .sh, selektory klasowe (0,2,0), żeby wygrać ze stylami motywu i Elementora. */
.sh{--sh-brand:#582FE4;--sh-brand-d:#4824CC;--sh-ink:#16151B;--sh-ink2:#0B0D2F;--sh-mute:#5E5E73;--sh-line:#E7E7EC;--sh-soft:#F1EDFD;--sh-h:72px;
  position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:1000;background:#fff;border-bottom:1px solid var(--sh-line);
  font-family:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--sh-ink);-webkit-font-smoothing:antialiased;line-height:1.4;transition:transform .25s ease}
.sh.sh--up{transform:translateY(calc(-100% - 2px))}
.sh *,.sh *::before,.sh *::after{box-sizing:border-box}
.sh p{margin:0}
.sh .sh-list{list-style:none;margin:0;padding:0}
.sh .sh-li{margin:0;padding:0}
.sh .sh-li::before,.sh .sh-li::marker{content:none}
.sh a{text-decoration:none;box-shadow:none}
.sh button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;line-height:inherit;border-radius:0}
/* Elementor kit (post-5.css) paints button:hover/:focus dark (0,2,1) – neutral here; buttons that need their own colours use (0,3,0) */
.sh button:hover,.sh button:focus,.sh button:active{background:none;color:inherit}
.sh .sh-ico{display:block;flex:none}
.sh :focus-visible{outline:2px solid var(--sh-brand);outline-offset:2px}

/* bar */
.sh .sh-bar{max-width:1344px;margin:0 auto;padding:0 32px;height:var(--sh-h);display:flex;align-items:center;gap:36px}
.sh .sh-logo{display:flex;align-items:center;flex:none}
.sh .sh-logo img{display:block;height:32px;width:auto;max-width:none}
.sh .sh-burger,.sh .sh-mtop,.sh .sh-back,.sh .sh-ptitle,.sh .sh-mcontact{display:none}
.sh .sh-nav{display:flex;align-items:center;flex:1;gap:24px;min-width:0}
.sh .sh-list{display:flex;align-items:center;gap:2px;flex:1}
.sh .sh-top{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;font:500 15px/1.2 'Poppins',system-ui,sans-serif;color:var(--sh-ink);white-space:nowrap}
.sh .sh-top:hover{background:#F4F4F7;color:var(--sh-ink)}
.sh .sh-top[aria-current="page"]{color:var(--sh-brand)}
.sh .sh-trigger[aria-expanded="true"]{background:var(--sh-soft);color:var(--sh-brand);font-weight:600}
.sh .sh-trigger .sh-ico{transition:transform .2s}
.sh .sh-trigger[aria-expanded="true"] .sh-ico{transform:rotate(180deg)}
.sh .sh-actions{display:flex;align-items:center;gap:8px;flex:none}
.sh .sh-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;background:var(--sh-brand);color:#fff;font:600 15px/1 'Poppins',system-ui,sans-serif;white-space:nowrap}
.sh .sh-cta:hover{background:var(--sh-brand-d);color:#fff}

/* panels (desktop: full width under the bar) */
.sh .sh-panel{position:absolute;left:0;right:0;top:100%;z-index:1;background:#fff;border-bottom:1px solid var(--sh-line);box-shadow:0 28px 48px -28px rgba(11,13,47,.28);
  max-height:calc(100vh - var(--sh-h) - var(--wp-admin--admin-bar--height,0px));overflow-y:auto;overscroll-behavior:contain}
.sh .sh-panel[hidden]{display:none}
.sh .sh-pin{max-width:1344px;margin:0 auto;padding:28px 32px;display:flex;flex-wrap:wrap;gap:28px}
.sh .sh-pmain{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:10px}
.sh .sh-eyebrow{padding:0 14px;font:600 12px/1.3 'Poppins',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--sh-mute)}
.sh .sh-eyebrow--brand{color:#4B2BC4;padding:0}
.sh .sh-eyebrow--gap{margin-top:18px}
.sh .sh-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}
.sh .sh-item{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:12px;color:inherit}
.sh a.sh-item:hover{background:#F6F6F9;color:inherit}
.sh .sh-item[aria-current="page"] .sh-ititle{color:var(--sh-brand)}
.sh .sh-ibox{flex:none;width:40px;height:40px;border-radius:10px;background:var(--sh-soft);color:var(--sh-brand);display:flex;align-items:center;justify-content:center}
.sh .sh-ibox--white{background:#fff;box-shadow:0 1px 2px rgba(11,13,47,.08)}
.sh .sh-itxt{display:flex;flex-direction:column;gap:3px;min-width:0}
.sh .sh-irow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.sh .sh-ititle{font:600 15px/1.3 'Poppins',system-ui,sans-serif;color:var(--sh-ink2)}
.sh .sh-ititle--sm{font-size:14.5px}
.sh .sh-idesc{font-size:13.5px;line-height:1.45;color:var(--sh-mute)}
.sh .sh-idesc--sm{font-size:12.5px;line-height:1.4}
.sh .sh-badge{font:600 11px/1.5 'Poppins',system-ui,sans-serif;color:#4A4A5E;background:#fff;border:1px solid #DCD6F7;padding:0 7px;border-radius:999px;white-space:nowrap}
.sh .sh-badge--new{color:#fff;background:var(--sh-brand);border-color:var(--sh-brand)}
.sh .sh-more{display:flex;flex-wrap:wrap;gap:8px 28px;margin:6px 14px 0;padding-top:16px;border-top:1px solid #EEEEF2}
.sh .sh-arrowlink{display:inline-flex;align-items:center;gap:6px;font:600 14px/1.3 'Poppins',system-ui,sans-serif;color:var(--sh-brand)}
.sh .sh-arrowlink:hover,.sh .sh-smalllink:hover{color:#3F1FB8}
.sh .sh-smalllink{font:600 13px/1.3 'Poppins',system-ui,sans-serif;color:var(--sh-brand)}
.sh .sh-aside{flex:1 1 340px;min-width:0;align-self:flex-start;background:#F5F2FE;border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:4px}
.sh .sh-asidehead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 6px}
.sh .sh-item--mod{padding:12px}
/* Platforma: performance card + popular features */
.sh .sh-feat{display:flex;align-items:center;gap:14px;margin-top:4px;padding:14px 16px;border-radius:14px;background:var(--sh-soft);border:1px solid #E2DAFB;color:inherit}
.sh .sh-feat:hover{border-color:#C9BCF7;color:inherit}
.sh .sh-feat .sh-itxt{flex:1}
.sh .sh-feat[aria-current="page"] .sh-ititle{color:var(--sh-brand)}
.sh .sh-ibox--brand{background:var(--sh-brand);color:#fff}
.sh .sh-featmore{flex:none;display:inline-flex;align-items:center;gap:6px;font:600 14px/1.3 'Poppins',system-ui,sans-serif;color:var(--sh-brand);white-space:nowrap}
.sh .sh-pop{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.sh .sh-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px}
.sh .sh-chipmore{min-height:34px;padding:0 6px}
.sh .sh-chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 13px;border-radius:999px;border:1px solid var(--sh-line);background:#fff;font:500 14px/1.2 'Poppins',system-ui,sans-serif;color:var(--sh-ink2)}
.sh .sh-chip:hover{border-color:#C9BCF7;color:var(--sh-brand)}
.sh .sh-chip[aria-current="page"]{border-color:var(--sh-brand);color:var(--sh-brand)}
.sh a.sh-item--mod:hover{background:#fff}
.sh .sh-aside--grey{flex-basis:300px;background:#F7F7F9;border:1px solid #EEEEF2;padding:24px;gap:12px}
.sh .sh-asidetitle{font:700 17px/1.3 'Poppins',system-ui,sans-serif;color:var(--sh-ink2)}
.sh .sh-asidetext{font-size:14px;line-height:1.55;color:#545468}
.sh .sh-ghost{align-self:flex-start;margin-top:4px;padding:11px 18px;border-radius:10px;border:1.5px solid var(--sh-brand);font:600 14px/1 'Poppins',system-ui,sans-serif;color:var(--sh-brand)}
.sh .sh-ghost:hover{background:var(--sh-soft);color:var(--sh-brand)}
.sh .sh-intro{padding:0 10px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.sh .sh-h{font:700 20px/1.3 'Poppins',system-ui,sans-serif;letter-spacing:-.01em;color:var(--sh-ink2)}
.sh .sh-lead{font-size:14px;line-height:1.5;color:var(--sh-mute)}
.sh .sh-cols{display:flex;flex-wrap:wrap;gap:8px 24px}
.sh .sh-col{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.sh .sh-col .sh-eyebrow{padding:0 10px 6px}
.sh .sh-cols--3 .sh-col:first-child{flex-grow:1.3}
.sh .sh-sys{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;color:inherit}
.sh .sh-sys:hover,.sh .sh-res:hover{background:#F6F6F9;color:inherit}
.sh .sh-mark{flex:none;width:36px;height:36px;border-radius:9px;background:#F3F3F6;border:1px solid var(--sh-line);display:flex;align-items:center;justify-content:center;font:700 11px/1 'Poppins',system-ui,sans-serif;color:var(--sh-ink2)}
.sh .sh-mark::before{content:attr(data-mark)}
/* visually hidden, still read by screen readers and crawlers (link text "Integracja z …") */
.sh .sh-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.sh .sh-res{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:10px;color:inherit}
.sh .sh-res--plain .sh-ititle{font-weight:500;color:var(--sh-ink)}
.sh .sh-res[aria-current="page"] .sh-ititle,.sh .sh-sys[aria-current="page"] .sh-ititle{color:var(--sh-brand)}
.sh .sh-card{flex:1 1 320px;min-width:0;align-self:flex-start;background:#F7F7F9;border:1px solid #EEEEF2;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;color:inherit}
.sh .sh-card:hover{border-color:#DCD6F7;color:inherit}
.sh .sh-cardart{height:148px;border-radius:10px;background:var(--sh-brand);display:flex;align-items:flex-end;gap:10px;padding:0 24px 22px;overflow:hidden}
.sh .sh-cardart i{display:block;width:28px;border-radius:6px 6px 2px 2px;background:rgba(255,255,255,.28)}
.sh .sh-cardart i:nth-child(1){height:38px}.sh .sh-cardart i:nth-child(2){height:62px;background:rgba(255,255,255,.4)}.sh .sh-cardart i:nth-child(3){height:52px}.sh .sh-cardart i:nth-child(4){height:92px;background:#fff}
.sh .sh-cardpic{display:block;height:148px;border-radius:10px;overflow:hidden;background:var(--sh-soft)}
.sh .sh-cardpic img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
.sh .sh-cardtxt{display:flex;flex-direction:column;gap:6px;padding:0 6px 6px}
.sh .sh-cardtxt .sh-eyebrow{padding:0}
.sh .sh-cardtitle{font:700 16px/1.35 'Poppins',system-ui,sans-serif;color:var(--sh-ink2)}
.sh .sh-cardmore{display:inline-flex;align-items:center;gap:6px;font:600 14px/1.3 'Poppins',system-ui,sans-serif;color:var(--sh-brand)}
.sh .sh-backdrop{position:fixed;left:0;right:0;bottom:0;top:calc(var(--wp-admin--admin-bar--height,0px) + var(--sh-h) + 1px);z-index:-1;background:rgba(11,13,47,.42)}
.sh .sh-backdrop[hidden]{display:none}

/* tablet & phone: drawer + sub-screens */
@media (max-width:1099px){
  .sh{--sh-h:64px}
  .sh .sh-bar{padding:0 12px 0 20px;gap:12px}
  .sh .sh-logo img{height:28px}
  .sh .sh-bar .sh-burger{display:flex;margin-left:auto;width:44px;height:44px;border-radius:10px;align-items:center;justify-content:center;color:var(--sh-ink2)}
  .sh .sh-nav{position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:3;background:#fff;flex-direction:column;align-items:stretch;gap:0;
    overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  .sh.sh--open .sh-nav{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s}
  /* .sh--up uses transform, which makes the header the containing block of the fixed drawer: the closed drawer (translateX(100%))
     would then widen the page and scroll it sideways – while the bar is hidden the drawer is closed anyway */
  .sh.sh--up .sh-nav{display:none}
  .sh .sh-mtop{display:flex;align-items:center;justify-content:space-between;height:64px;flex:none;padding:0 12px 0 20px;border-bottom:1px solid #EEEEF2}
  .sh .sh-mtop .sh-close{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--sh-ink2)}
  .sh .sh-list{flex-direction:column;align-items:stretch;gap:0;flex:none;padding:8px 20px 0}
  .sh .sh-top{min-height:58px;width:100%;justify-content:space-between;padding:0;border-radius:0;border-bottom:1px solid #EEEEF2;font-size:18px;font-weight:600;color:var(--sh-ink2)}
  .sh .sh-top:hover,.sh .sh-top:focus,.sh .sh-top:active{background:none;color:var(--sh-ink2)}
  .sh .sh-trigger .sh-ico{transform:rotate(-90deg);color:#8A8A9C}
  .sh .sh-trigger[aria-expanded="true"]{background:none;color:var(--sh-ink2)}
  .sh .sh-trigger[aria-expanded="true"] .sh-ico{transform:rotate(-90deg)}
  .sh .sh-actions{flex-direction:column;align-items:stretch;gap:0;padding:0 20px;margin-top:0;flex:1}
  .sh .sh-mcontact{display:flex;flex-direction:column;gap:4px;margin-top:24px}
  .sh .sh-mcontact .sh-eyebrow{padding:0}
  .sh .sh-mphone{min-height:44px;display:flex;align-items:center;font:600 16px/1.3 'Poppins',system-ui,sans-serif;color:var(--sh-ink2)}
  .sh .sh-mmail{min-height:32px;display:flex;align-items:center;font-size:15px;color:#545468}
  .sh .sh-cta{position:sticky;bottom:16px;margin:auto 0 16px;height:52px;padding:0 20px;border-radius:12px;font-size:16px;box-shadow:0 0 0 16px #fff}
  .sh .sh-mcontact{margin-bottom:24px}
  .sh .sh-panel{position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:4;max-height:none;box-shadow:none;border:0;overflow-y:auto}
  .sh .sh-pin{flex-direction:column;flex-wrap:nowrap;gap:16px;padding:0 20px 32px}
  .sh .sh-panel .sh-back{display:flex;align-items:center;gap:6px;height:64px;margin:0 -20px;padding:0 20px;border-bottom:1px solid #EEEEF2;font:500 15px/1 'Poppins',system-ui,sans-serif;color:var(--sh-ink2);position:sticky;top:0;background:#fff;z-index:1}
  .sh .sh-ptitle{display:block;font:700 22px/1.25 'Poppins',system-ui,sans-serif;color:var(--sh-ink2);padding-top:8px}
  .sh .sh-pmain,.sh .sh-aside,.sh .sh-card{flex:none}
  .sh .sh-grid2{grid-template-columns:minmax(0,1fr)}
  .sh .sh-item{padding:12px 0}
  .sh .sh-eyebrow{padding:0}
  .sh .sh-col .sh-eyebrow{padding:0 0 6px}
  .sh .sh-sys,.sh .sh-res{padding:9px 0}
  .sh .sh-more{margin:6px 0 0}
  .sh .sh-intro{padding:0}
  .sh .sh-aside{padding:16px}
  .sh .sh-item--mod{padding:10px}
  .sh .sh-feat{flex-wrap:wrap;align-items:flex-start;padding:14px}
  .sh .sh-feat .sh-itxt{flex:1 1 200px}
  .sh .sh-featmore{width:100%;padding-left:54px}
  .sh .sh-chips{padding:0;gap:8px 6px}
  .sh .sh-chip{min-height:36px;padding:6px 11px;font-size:13.5px}
  .sh .sh-backdrop{display:none}
  .sh .sh-cardart,.sh .sh-cardpic{height:110px}
  body.sh-lock{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.sh,.sh .sh-nav,.sh .sh-trigger .sh-ico{transition:none}}