.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;
	gap: 10px 20px;
	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 {
	display: flex;
	flex: 0 1 auto;
	font-family: var(--wd-text-font);
}

.shop_attributes td {
	text-align: end;
}

.shop_attributes p {
	margin-bottom: 0;
}

.shop_attributes :is(.wd-attr-name, .wd-attr-term) {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.shop_attributes .wd-attr-name-img {
	width: var(--wd-attr-img-width);
}

.shop_attributes .wd-hint {
	margin-inline-start: -6px;
}