/* UNIVERSY · Pro Pedis — pp-suwak 1.1 (11.11.2026; 1.1 = Ken Burns), para do pp-suwak.js. Bez skryptu: przenikanie CSS z propozycja.css (4 pierwsze slajdy). */
.pp-hero-slajd.pp-s5,.pp-hero-slajd.pp-s6,.pp-hero-slajd.pp-s7,.pp-hero-slajd.pp-s8{animation:none!important;opacity:0}
.pp-hero-kolaz{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:#0f2b57}
.pp-hero-kolaz img{width:100%;height:100%;object-fit:cover;display:block;min-height:0}
.pp-suwak-on{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.pp-suwak-on .pp-hero-slajd{animation:none!important;opacity:0;transform:none;transition:opacity .8s ease;z-index:0}
.pp-suwak-on .pp-hero-slajd.pp-akt{opacity:1;z-index:1}
.pp-suwak-on .pp-hero-kropki{z-index:3;gap:0;align-items:center}
.pp-suwak-kropka{width:22px;height:24px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.pp-suwak-kropka::before{content:"";display:block;width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.55);transition:width .3s,background .3s}
.pp-suwak-kropka[aria-current="true"]::before{width:20px;background:#fff}
.pp-suwak-kropka:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:6px}
.pp-slajder .pp-suwak-kropka::before{background:rgba(23,52,96,.25)}
.pp-slajder .pp-suwak-kropka[aria-current="true"]::before{background:#173460}
.pp-suwak-str{position:absolute;top:50%;z-index:3;width:40px;height:40px;margin-top:-20px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#173460;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(4,16,38,.25);opacity:0;transition:opacity .2s,background .2s}
.pp-suwak-str-p{left:10px}.pp-suwak-str-n{right:10px}
.pp-suwak-on:hover .pp-suwak-str,.pp-suwak-str:focus-visible{opacity:1}
.pp-suwak-str:hover{background:#fff}
@media (hover:none){.pp-suwak-str{opacity:.85;width:34px;height:34px;margin-top:-17px}}
.pp-suwak-podpis{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:46px 18px 34px;color:#fff;font-size:.92rem;line-height:1.4;font-weight:500;background:linear-gradient(to top,rgba(8,34,74,.92),rgba(8,34,74,.55) 62%,rgba(8,34,74,0));pointer-events:none}
.pp-suwak-k{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#ff9db0;margin-bottom:3px}
.pp-suwak-z-podpisem .pp-hero-kropki{left:50%;right:auto;bottom:6px;transform:translateX(-50%)}
@media (prefers-reduced-motion:reduce){.pp-suwak-on .pp-hero-slajd{transition:none}}
/* podpisy na dole kadru: plakietka „Partner Pro Pedis” (/zostan-partnerem/) pod zdjęciem także na komputerze, jak na telefonie */
.pp-hero-kadr:has(.pp-hero-slajd[data-podpis]) ~ .pp-hero-znak{position:static;max-width:none;margin-top:12px;box-shadow:0 8px 24px rgba(4,16,38,.25)}
/* 1.1 (11.11): delikatny Ken Burns — aktywne zdjęcie przez 7 s powoli przybliża się o 6%, punkt przybliżenia zmienia się co slajd;
   gaśnie bez cofania, reset dopiero po przenikaniu. Tylko kadry zdjęciowe (.pp-hero-kadr), nie płyta produktowa (.pp-slajder). */
.pp-hero-kadr.pp-suwak-on .pp-hero-slajd{transform:scale(1);transition:opacity .8s ease,transform 0s linear .8s}
.pp-hero-kadr.pp-suwak-on .pp-hero-slajd.pp-kb{transform:scale(1.06);transition:opacity .8s ease,transform 7s cubic-bezier(.33,0,.4,1)}
.pp-hero-kadr .pp-hero-slajd:nth-child(3n+1){transform-origin:50% 45%}
.pp-hero-kadr .pp-hero-slajd:nth-child(3n+2){transform-origin:28% 38%}
.pp-hero-kadr .pp-hero-slajd:nth-child(3n){transform-origin:72% 62%}
@media (prefers-reduced-motion:reduce){.pp-hero-kadr.pp-suwak-on .pp-hero-slajd,.pp-hero-kadr.pp-suwak-on .pp-hero-slajd.pp-kb{transform:none;transition:none}}