/* Mobile layout: show the complete table at once without horizontal scrolling. */
@media (max-width: 600px) {
	.ozst-size-table__panel {
		padding-right: 7px !important;
		padding-left: 7px !important;
	}

	.ozst-size-table__scroll {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.ozst-size-table table {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		table-layout: fixed !important;
		font-size: 10.5px !important;
	}

	.ozst-size-table th,
	.ozst-size-table td {
		width: auto !important;
		min-width: 0 !important;
		padding: 7px 2px !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: normal;
		line-height: 1.2 !important;
	}

	.ozst-size-table th:first-child,
	.ozst-size-table td:first-child {
		width: 15% !important;
		padding-left: 6px !important;
		text-align: left !important;
	}

	.ozst-size-table thead th {
		font-size: 8.5px !important;
		letter-spacing: 0 !important;
		line-height: 1.15 !important;
	}

	.ozst-size-table tbody th {
		font-size: 11px !important;
	}

	.ozst-size-table__note,
	.ozst-size-table__note p {
		width: 100% !important;
		max-width: 100% !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}
}

@media (max-width: 380px) {
	.ozst-size-table table {
		min-width: 0 !important;
		font-size: 9.5px !important;
	}

	.ozst-size-table th,
	.ozst-size-table td {
		padding: 6px 1px !important;
	}

	.ozst-size-table th:first-child,
	.ozst-size-table td:first-child {
		padding-left: 4px !important;
	}

	.ozst-size-table thead th {
		font-size: 7.5px !important;
	}

	.ozst-size-table tbody th {
		font-size: 10px !important;
	}
}