/* Phone layout fixes for the recovered React bundle (its source is not available, so fixes go here). */

/* Long unbroken text (payment conditions, addresses, links) must wrap instead of widening the page. */
.whitespace-pre-line, .break-words, main p, main h1, main h2, main h3 { overflow-wrap: anywhere; }

/* Property list pagination: the numbered buttons wrap and stay finger-sized on narrow phones. */
.mt-8.p-4 > .flex.items-center.space-x-2 { flex-wrap: wrap; justify-content: center; gap: 6px; }
.mt-8.p-4 > .flex.items-center.space-x-2 > * { margin: 0 !important; min-width: 40px; min-height: 40px; }

/* Last resort: nothing may push the page sideways (clip keeps sticky headers working, unlike hidden). */
html, body { overflow-x: clip; }
