/* GENEROWANE przez scripts/deco-build.mjs z site/deco/stopka.json. Nie edytuj ręcznie —
   zmieniaj układ w edytorze (/deco-editor.html), patrz DECO.md.
   Pozycje: obie osie i rozmiar skalują się od SZEROKOŚCI kotwicy
   (procentowe margin-*/width elementu absolutnego liczą się od szerokości
   bloku zawierającego). Obrót/lustro na __art: animacja wejścia (GSAP)
   rusza opakowaniem i ich nie nadpisuje. */

.site-footer.site-footer--lux .deco-motif{position:absolute;display:block;grid-column:auto;grid-row:auto;height:auto;margin:0;padding:0;line-height:0;pointer-events:none;user-select:none;-webkit-user-select:none}
.site-footer.site-footer--lux .deco-motif .placed-motif__art{display:block;transform-origin:50% 50%;transform:rotate(var(--deco-r,0deg)) scaleX(var(--deco-fx,1));opacity:var(--deco-op,1)}
.site-footer.site-footer--lux .deco-motif img{display:block;width:100%;height:auto;transform:none;-webkit-user-drag:none}

/* kotwice = containing block. :where() ma specyficzność 0, więc własna
   pozycja elementu z arkusza strony (sticky, absolute) wygrywa. */
:where(#stopka .site-footer__kakto){position:relative}

.site-footer.site-footer--lux .deco-motif[data-deco="stopka-kaktus"]{left:auto;right:4.0606%;top:auto;bottom:0;margin-top:0;margin-bottom:22.0958%;width:13.7695%;z-index:-1;--deco-r:0deg;--deco-fx:1;--deco-op:1;display:block}

/* Mobile */
@media (max-width:680px){
  .site-footer.site-footer--lux .deco-motif[data-deco="stopka-kaktus"]{left:auto;right:-1.0061%;top:auto;bottom:0;margin-top:0;margin-bottom:20.8954%;width:10.0606%;z-index:-1;--deco-r:14deg;--deco-fx:1;--deco-op:1;display:block}
}