/* Mobile search popup (#NewMobilefilter) – stop shake on iPhone + Android */
@media (max-width: 767px) {
#NewMobilefilter.topnewsearch-wrapperarea {
position: fixed;
top: 0; left: 0; right: 0;
height: 100vh; /* fallback */
height: 100dvh; /* follows keyboard on Android */
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain; /* no scroll chaining to page */
transform: translateZ(0); /* own layer, no repaint jitter */
transition: opacity .2s linear, visibility .2s linear; /* NOT top/height */

/* FIX: hidden on page load – only shown when JS adds .show on click */
opacity: 0;
visibility: hidden;
pointer-events: none;
}

#NewMobilefilter.topnewsearch-wrapperarea.show {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

/* page behind the popup must not move */
html.htmlfix,
body.bodyfix {
overflow: hidden !important;
overscroll-behavior: none;
}

/* iOS zooms (and jumps) when input font-size < 16px */
#NewMobilefilter input,
#NewMobilefilter select,
#NewMobilefilter textarea {
font-size: 16px !important;
}
}