/* SŁOWIK DIGITAL — finalny stabilny kontroler sticky stack v1.11 */
body[data-page="home"] .services-sticky-v17{position:relative}
body[data-page="home"] .services-sticky-v17 .service-stack-v7{position:relative;z-index:91}

.service-stack-reading-shade{
  --reading-accent:#35a8f7;
  position:fixed;
  inset:0;
  z-index:80;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--reading-accent) 5%,transparent),transparent 44%),rgba(4,12,25,.14);
  transition:opacity .28s ease;
}
body.is-reading-service-stack .service-stack-reading-shade{opacity:1}

/* Strzałki: zwinięte i oczekujące w prawo, aktywna w dół. */
body[data-page="home"] .services-sticky-v17 .service-stack-tab>i{
  transform:rotate(0deg)!important;
  transform-origin:center!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s ease!important;
}
body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-stack-active:not(.is-click-collapsed) .service-stack-tab>i,
body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-stack-reading:not(.is-click-collapsed) .service-stack-tab>i{
  transform:rotate(90deg)!important;
}
body[data-page="home"] .services-sticky-v17 .service-stack-tab:hover>i,
body[data-page="home"] .services-sticky-v17 .service-stack-tab:focus-visible>i{animation:ssi111ArrowNudge .68s ease!important}
@keyframes ssi111ArrowNudge{
  0%,100%{translate:0 0}
  50%{translate:6px 0}
}

body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-click-target{
  border-color:var(--stack-accent)!important;
}

@media (min-width:761px){
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-height-animating{
    overflow:hidden!important;
    transition:height .46s cubic-bezier(.22,.82,.24,1),min-height .46s cubic-bezier(.22,.82,.24,1),margin-bottom .46s cubic-bezier(.22,.82,.24,1),border-color .24s ease,box-shadow .24s ease!important;
  }
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-click-collapsed{
    height:70px!important;
    min-height:70px!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:70px 0 0!important;
    overflow:hidden!important;
  }
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-click-collapsed .service-stack-copy,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-click-collapsed .service-stack-visual,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-click-collapsed::after{display:none!important}
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-click-collapsed .service-stack-tab{border-bottom:0!important}
}

@media (max-width:760px){
  /* Fixed overlay, blur and animated shadows caused Safari/Chrome repaint flashes. */
  .service-stack-reading-shade{display:none!important}
  body.is-reading-service-stack .service-stack-reading-shade{opacity:0!important}

  body[data-page="home"] .services-sticky-v17{
    overflow:visible!important;
    padding-bottom:150px!important;
  }
  body[data-page="home"] .services-sticky-v17 .service-stack-v7{
    --stable-stack-step:38px;
    --stack-mobile-height:680px;
    display:block!important;
    overflow:visible!important;
    isolation:isolate!important;
    padding-bottom:210px!important;
  }

  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7:last-child,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-past-mobile,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-current,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-stack-active,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-stack-reading{
    position:sticky!important;
    top:calc(76px + (var(--card-index) * var(--stable-stack-step)))!important;
    z-index:calc(40 + var(--card-index))!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    width:100%!important;
    height:auto!important;
    min-height:calc(var(--stack-mobile-height) - 92px - (var(--card-index) * var(--stable-stack-step)))!important;
    max-height:none!important;
    margin:0 0 112px!important;
    padding:58px 15px 18px!important;
    overflow:hidden!important;
    contain:none!important;
    filter:none!important;
    transform:none!important;
    will-change:auto!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
    border-radius:17px!important;
    border-color:color-mix(in srgb,var(--stack-accent) 34%,#dfe8ee 66%)!important;
    background-color:#fff!important;
    background-image:linear-gradient(145deg,#fff 0%,var(--stack-bg) 100%)!important;
    box-shadow:0 12px 28px rgba(24,54,78,.12),0 0 0 1px rgba(255,255,255,.96) inset!important;
    transition:none!important;
  }
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7:last-child{margin-bottom:0!important}

  /* Disable decorative layers that repainted while several sticky cards overlapped. */
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7::before,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7::after,
  body[data-page="home"] .services-sticky-v17 .service-glow{display:none!important}

  body[data-page="home"] .services-sticky-v17 .service-stack-tab,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-past-mobile .service-stack-tab{
    position:absolute!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    display:grid!important;
    grid-template-columns:27px 35px minmax(0,1fr) 22px!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 11px!important;
    overflow:hidden!important;
    color:#13283e!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--stack-accent) 18%,#dfe8ee 82%)!important;
    background:#fff!important;
    background-image:linear-gradient(90deg,#fff 0%,color-mix(in srgb,var(--stack-bg) 84%,#fff 16%) 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
    transform:none!important;
    transition:none!important;
  }
  body[data-page="home"] .services-sticky-v17 .service-stack-tab>strong{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    color:#162a42!important;
    font-size:12px!important;
    font-weight:760!important;
    line-height:1.15!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body[data-page="home"] .services-sticky-v17 .service-stack-tab>i{
    display:block!important;
    color:var(--stack-accent)!important;
    font-size:18px!important;
    font-style:normal!important;
    line-height:1!important;
    opacity:1!important;
  }

  /* Only the clicked card gets a cheap, non-animated accent. */
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7.is-click-target{
    border-color:var(--stack-accent)!important;
  }
  body[data-page="home"] .services-sticky-v17 .service-stack-v7.is-manual-navigating .service-stack-card-v7{
    transition:none!important;
  }
}

@media (max-width:360px){
  body[data-page="home"] .services-sticky-v17 .service-stack-v7{--stable-stack-step:36px}
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7,
  body[data-page="home"] .services-sticky-v17 .service-stack-card-v7:last-child{
    top:calc(72px + (var(--card-index) * var(--stable-stack-step)))!important;
    padding-inline:13px!important;
    margin-bottom:96px!important;
  }
  body[data-page="home"] .services-sticky-v17 .service-stack-tab{grid-template-columns:24px 32px minmax(0,1fr) 18px!important;gap:5px!important;padding-inline:9px!important}
  body[data-page="home"] .services-sticky-v17 .service-stack-tab>strong{font-size:11px!important}
}

@media (prefers-reduced-motion:reduce){
  .service-stack-reading-shade{transition:none}
  body[data-page="home"] .services-sticky-v17 .service-stack-tab>i{transition:none!important}
  body[data-page="home"] .services-sticky-v17 .service-stack-tab:hover>i,
  body[data-page="home"] .services-sticky-v17 .service-stack-tab:focus-visible>i{animation:none!important}
}