/**
 * Approved trade specification table on Single Product pages.
 * Figma component: Product info sections / Specification logged in / Click.
 */

body.single-product .cie-product-specification {
	width:100%;
	max-width:none;
	color:#292929;
	text-align:left;
}

body.single-product .cie-product-specification__table {
	--cie-specification-label-width:195px;
	position:relative;
	width:100%;
	padding:0;
}

body.single-product .cie-product-specification__table::before {
	position:absolute;
	top:0;
	bottom:0;
	left:calc(var(--cie-specification-label-width) + 30px);
	width:2px;
	background:#cad1d6;
	content:"";
}

body.single-product .cie-product-specification__code,
body.single-product .cie-product-specification__row {
	display:grid;
	grid-template-columns:var(--cie-specification-label-width) minmax(0, 1fr);
	column-gap:60px;
	align-items:start;
}

body.single-product .cie-product-specification__code > span {
	min-width:0;
	padding-bottom:25px;
	border-bottom:2px solid #cad1d6;
	font:600 22px/32px "Source Sans Pro", Arial, sans-serif;
}

body.single-product .cie-product-specification__rows {
	display:grid;
	gap:15px;
	margin:25px 0 0;
	padding:0;
}

body.single-product .cie-product-specification__row {
	margin:0;
	padding:0;
}

body.single-product .cie-product-specification__row dt,
body.single-product .cie-product-specification__row dd {
	min-width:0;
	margin:0;
	padding:0;
	color:#292929;
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-size:18px;
	line-height:30px;
	overflow-wrap:anywhere;
}

body.single-product .cie-product-specification__row dt {
	font-weight:700;
}

body.single-product .cie-product-specification__row dd {
	font-weight:400;
}

@media (max-width:767px) {
	body.single-product .cie-product-specification__table {
		--cie-specification-label-width:1fr;
		padding:0;
	}

	body.single-product .cie-product-specification__table::before {
		display:none;
	}

	body.single-product .cie-product-specification__code,
	body.single-product .cie-product-specification__row {
		grid-template-columns:1fr;
		gap:4px;
	}

	body.single-product .cie-product-specification__code > span {
		padding-bottom:0;
		border:0;
		font-size:20px;
		line-height:30px;
	}

	body.single-product .cie-product-specification__code-value {
		padding-bottom:18px !important;
		border-bottom:2px solid #cad1d6 !important;
	}

	body.single-product .cie-product-specification__rows {
		gap:18px;
		margin-top:18px;
	}

	body.single-product .cie-product-specification__row dt,
	body.single-product .cie-product-specification__row dd {
		font-size:16px;
		line-height:25px;
	}
}