/* Overlay: będziemy mu dynamicznie ustawiać top tak, by zaczynał się PONIŻEJ kafelków. */
.page-dim{
  position:fixed; left:0; right:0; top:0; bottom:0;
  background:rgba(0,0,0,.18);     /* jednolity — zero gradientu/cienia z góry */
  opacity:0; pointer-events:none; transition:opacity .2s; z-index:10;
}
body.form-open .page-dim{ opacity:1; pointer-events:auto; }