/* GENEROWANE przez scripts/deco-build.mjs z site/deco/kontakt.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. */

.propozycja-d.page-kontakt .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}
.propozycja-d.page-kontakt .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)}
.propozycja-d.page-kontakt .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(#co-dalej,#formularz){position:relative}

.propozycja-d.page-kontakt .deco-motif[data-deco="formularz-olive"]{left:auto;right:-3.125%;top:0;bottom:auto;margin-top:-10.0694%;margin-bottom:0;width:20.8333%;z-index:5;--deco-r:-75deg;--deco-fx:1;--deco-op:1;display:block}
.propozycja-d.page-kontakt .deco-motif[data-deco="co-dalej-banana"]{left:-2.9861%;right:auto;top:0;bottom:auto;margin-top:-4.7222%;margin-bottom:0;width:16.6667%;z-index:5;--deco-r:122deg;--deco-fx:1;--deco-op:1;display:block}

/* Laptop */
@media (min-width:981px) and (max-width:1279px){
  .propozycja-d.page-kontakt .deco-motif[data-deco="formularz-olive"]{left:auto;right:-5.2083%;top:0;bottom:auto;margin-top:-7.6389%;margin-bottom:0;width:20.8333%;z-index:5;--deco-r:-75deg;--deco-fx:1;--deco-op:1;display:block}
}

/* Tablet */
@media (min-width:681px) and (max-width:980px){
  .propozycja-d.page-kontakt .deco-motif[data-deco="formularz-olive"]{left:auto;right:-3.9062%;top:0;bottom:auto;margin-top:-16.9271%;margin-bottom:0;width:min(29.9479%,46vh);z-index:5;--deco-r:-75deg;--deco-fx:1;--deco-op:1;display:block}
  .propozycja-d.page-kontakt .deco-motif[data-deco="co-dalej-banana"]{left:auto;right:-11.9792%;top:0;bottom:auto;margin-top:-8.9844%;margin-bottom:0;width:26.0417%;z-index:5;--deco-r:-122deg;--deco-fx:1;--deco-op:1;display:block}
}

/* Mobile */
@media (max-width:680px){
  .propozycja-d.page-kontakt .deco-motif[data-deco="formularz-olive"]{left:auto;right:-7.6923%;top:0;bottom:auto;margin-top:-19.2308%;margin-bottom:0;width:min(42.3077%,46vh);z-index:5;--deco-r:-75deg;--deco-fx:1;--deco-op:1;display:block}
  .propozycja-d.page-kontakt .deco-motif[data-deco="co-dalej-banana"]{left:auto;right:-12.0513%;top:0;bottom:auto;margin-top:-8.9744%;margin-bottom:0;width:32.0513%;z-index:5;--deco-r:-122deg;--deco-fx:1;--deco-op:1;display:block}
}