/* Slider strony głównej (hero.php) — wygląd jak w Shoperze: ramki 8px, odstęp 16px, fragmenty sąsiednich slajdów. */
.floky-hero{--w:calc(100vw - 48px);--gap:12px;position:relative;width:100vw!important;max-width:none!important;margin:12px 0 8px calc(50% - 50vw)!important}
@media (min-width:690px){.floky-hero{margin-top:16px!important}}
.floky-hero__track{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding-inline:calc((100vw - var(--w)) / 2);scroll-padding-inline:calc((100vw - var(--w)) / 2);-webkit-overflow-scrolling:touch;cursor:grab;user-select:none}
.floky-hero__track::-webkit-scrollbar{display:none}
.floky-hero__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.floky-hero__slide{flex:0 0 var(--w);scroll-snap-align:center;border-radius:8px;overflow:hidden;display:block;background:#17191b;line-height:0}
.floky-hero__slide img{width:100%;height:auto;display:block;-webkit-user-drag:none;pointer-events:none}
.floky-hero--mobile .floky-hero__slide{aspect-ratio:1000/1400}
.floky-hero--desktop .floky-hero__slide{aspect-ratio:2/1}
.floky-hero__slide img{height:100%;object-fit:cover}
.floky-hero__progress{width:var(--w);display:flex;gap:6px;margin:12px auto 0}
.floky-hero__progress span{flex:1;height:4px;background:#e1e3e6;border-radius:2px;transition:background .3s ease}
.floky-hero__progress span.is-active{background:#17191b}
.floky-hero--desktop{display:none}
@media (min-width:690px){
  .floky-hero--mobile{display:none}
  .floky-hero--desktop{display:block;--w:min(1100px, 86vw);--gap:16px}
}
@media (prefers-reduced-motion:reduce){.floky-hero__progress span{transition:none}}
.floky-hero__track.is-jumping{scroll-snap-type:none!important;scroll-behavior:auto!important}