/* Raw HTML table (Bitrix admin / visual editor look) on all catalog products. */

.props-table-raw {
	max-width: 100%;
}

/* overflow-x: auto also turns overflow-y into auto (CSS spec).
   That puts a useless vertical scrollbar on text-only blocks.
   Enable horizontal scroll only for actual tables. */
.props-table-raw:has(table) {
	overflow-x: auto;
	overflow-y: hidden;
}

.props-table-raw img {
	max-width: 100%;
	height: auto;
}

.props-table-raw table {
	all: revert;
	border-collapse: collapse;
	width: auto;
	max-width: none;
	min-width: 0;
	table-layout: auto;
	background: transparent;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

.props-table-raw td,
.props-table-raw th {
	all: revert;
	border: 1px solid #000;
	padding: 2px 6px;
	color: inherit;
	background: transparent;
	font-family: inherit;
	font-weight: 400;
	font-size: inherit;
	line-height: 1.3;
	text-align: left;
	text-transform: none;
	vertical-align: top;
	width: auto;
	height: auto;
	white-space: normal;
	position: static;
	border-radius: 0;
}

.props-table-raw th::after,
.props-table-raw td::after {
	content: none;
	display: none;
}

.props-table-raw tr:nth-child(even) td,
.props-table-raw tr:first-child td,
.props-table-raw tr:first-child th,
.props-table-raw tr:last-child td,
.props-table-raw td:first-child,
.props-table-raw th:first-child,
.props-table-raw td:last-child,
.props-table-raw th:last-child {
	background: transparent;
	color: inherit;
	border-radius: 0;
	width: auto;
	padding-left: 6px;
	padding-right: 6px;
}