/* Extracted from legacy pop-up.mobile.css (mobile additions) */
@media (max-width: 768px){
	.universal-modal .modal-dialog { width:calc(100% - 16px); margin:10px; max-height:calc(100vh - 20px); border-radius:12px; }
	/* Use same horizontal variable padding for alignment; allow a slight vertical tweak via calc if needed later */
	.universal-modal .modal-header { padding: var(--modal-padding-y) var(--modal-padding-x); }
	.universal-modal .modal-title { font-size:1.15rem; }
	.universal-modal .modal-close { padding:8px 12px; font-size:20px; margin-left:auto; flex-shrink:0; }
	.universal-modal .modal-body { padding:16px; }
	.universal-modal .form-row.two-col { grid-template-columns:1fr; gap:16px; }
	.universal-modal .form-row.two-col .form-col:first-child { grid-template-columns:2fr 1fr; display:grid; gap:12px; }
	.universal-modal .number-input-group { flex-direction:column; gap:8px; }
	.universal-modal .suffix-input { width:100%; }
	.universal-modal .form-actions { flex-direction:column; gap:8px; }
	.universal-modal .btn { width:100%; padding:12px 20px; }
	.universal-modal input, .universal-modal select, .universal-modal textarea { padding:12px 14px; font-size:16px; }
	.universal-modal .password-toggle { padding:8px 12px; font-size:.9em; min-width:60px; }
}
/* Order details legacy .pp-* kept out to avoid unused bloat; replicate if needed specifically. */