/* Parallax „padajících surovin" — viz pages-parts/webflow/product/parallax.php.
   Původní <img> drží layout; vrstvy se položí přes něj (pozici a --range
   nastaví parallax.js) a po načtení ho zneviditelní. */
.rb-plx-host {
  position: relative;
}
.rb-plx {
  position: absolute;
  pointer-events: none;
}
.rb-plx[hidden] {
  display: none;
}
.rb-plx-host.is-plx > .overlay-image {
  visibility: hidden;
}
/* --p: 0 = karta vjíždí zespodu, 0.5 = střed viewportu (= klidová kompozice
   1:1 s maketou), 1 = odjíždí nahoře.
   --k z hloubky (5 rovin, --d 0 / .25 / .5 / .75 / 1): hlavní kusy vpředu
   −0.55 → jedou proti scrollu o kousek rychleji než stránka, nejzadnější
   rovina +0.12 → lehce zaostává; mezi tím plynule. --s = individuální
   rychlost kusu (0.85–1.15). Velké kusy se navíc pootočí o ±--r. */
.rb-plx-l {
  --k: calc((0.12 - 0.67 * var(--d)) * var(--s, 1));
  --t: calc(var(--p, 0.5) - 0.5);
  position: absolute;
  max-width: none;
  transform: translate3d(0, calc(var(--t) * var(--k) * var(--range, 0px)), 0) rotate(calc(var(--t) * 2 * var(--r)));
  will-change: transform;
}
