@media screen and (max-width: 782px) {
			html,
			body {
				width: 100% !important;
				max-width: 100% !important;
				min-width: 0 !important;
				overflow-x: hidden !important;
				overflow-x: clip !important;
				overscroll-behavior-x: none !important;
				box-sizing: border-box !important;
			}

			body {
				position: relative !important;
			}

			/*
			 * WordPress reserves 46 px above the document for the phone admin bar.
			 * A positioned body made the absolute toolbar use the body's shifted
			 * origin, creating a second empty 46 px band. Keep the signed-in body
			 * static so the toolbar occupies that reserved space at viewport top.
			 */
			body.admin-bar {
				position: static !important;
			}

			body.admin-bar #wpadminbar {
				top: 0 !important;
			}


			body.boxed-layout,
			body.boxed-layout > .wrapper,
			.boxed-layout,
			.wrapper,
			#wrapper,
			#page,
			.site,
			.st-pusher,
			.st-content {
				width: 100% !important;
				max-width: 100% !important;
				min-width: 0 !important;
				box-sizing: border-box !important;
			}

			/*
			 * This UK-only toolbar control previously widened the 375 px layout to
			 * 416 px. German mobile delivery omits it, so match that behaviour.
			 */
			#wpadminbar {
				width: 100% !important;
				max-width: 100% !important;
				overflow-x: hidden !important;
				overflow-x: clip !important;
				box-sizing: border-box !important;
			}

			#wpadminbar #wp-admin-bar-duplicate-post {
				display: none !important;
			}

			#wpadminbar .quicklinks,
			#wpadminbar .quicklinks > ul {
				max-width: 100% !important;
				box-sizing: border-box !important;
			}


			/*
			 * Permanent inner-page spacing guard. Maya, the responsive menu and
			 * breadcrumb layer otherwise stack 20 + 20 + 15 px on phones.
			 */
			body:not(.home) #nav {
				margin-bottom: 0 !important;
			}

			body:not(.home) #primary {
				padding-top: 8px !important;
			}

			body:not(.home) .ti-rankmath-breadcrumb {
				margin-top: 8px !important;
			}

			/* Preserve intentional local scrolling for wide data tables. */
			.wp-block-table,
			.woocommerce table.shop_table_responsive,
			.ti-table-scroll {
				max-width: 100% !important;
				overflow-x: auto !important;
				-webkit-overflow-scrolling: touch;
			}
		}