.shop_attributes {
	margin-bottom: 0;
	overflow: hidden;
	--wd-attr-v-gap: 30px;
	--wd-attr-h-gap: 30px;
	--wd-attr-col: 1;
	--wd-attr-brd-width: 1px;
	--wd-attr-brd-style: solid;
	--wd-attr-brd-color: var(--brdcolor-gray-300);
	--wd-attr-img-width: 24px;
}

.shop_attributes tbody {
	display: grid;
	grid-template-columns: repeat(var(--wd-attr-col), 1fr);
	margin-bottom: calc(-1 * ( var(--wd-attr-v-gap) + var(--wd-attr-brd-width) ));
	column-gap: var(--wd-attr-h-gap);
}

.shop_attributes tr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: calc(var(--wd-attr-v-gap) / 2);
	margin-bottom: calc(var(--wd-attr-v-gap) / 2);
	border-bottom: var(--wd-attr-brd-width) var(--wd-attr-brd-style) var(--wd-attr-brd-color);
}

.shop_attributes :is(th, td) {
	padding: 0;
	border: none;
}

.shop_attributes th {
	flex: 0 0 auto;
	font-family: var(--wd-text-font);
	margin-right: 20px;
}

.shop_attributes td {
	text-align: right;
}

.shop_attributes p {
	margin-bottom: 0;
}

.shop_attributes span {
	vertical-align: middle;
}

.shop_attributes .wd-hint {
	--wd-hint-bg: var(--bgcolor-gray-300);
	--wd-hint-color: var(--color-gray-800);
	--wd-hint-size: calc(var(--wd-text-font-size) - 3px);
	margin-inline-start: 2px;
}

.shop_attributes .wd-attr-img {
	margin-right: 10px;
	width: 100vw;
	max-width: var(--wd-attr-img-width);
}