
.shop_attributes {
	margin-bottom: 0;
	overflow: hidden;
}

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

.shop_attributes tr {
	display: flex;
	align-items: center;
	gap: 10px 20px;
	justify-content: space-between;
	padding-bottom: calc(var(--wd-attr-v-gap, 30px) / 2);
	margin-bottom: calc(var(--wd-attr-v-gap, 30px) / 2);
	border-bottom: var(--wd-attr-brd-width, 1px) var(--wd-attr-brd-style, solid) var(--wd-attr-brd-color, var(--brdcolor-gray-300));
}

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

.shop_attributes td {
	--wd-link-color: var(--wd-text-color);
	--wd-link-color-hover: var(--color-gray-700);
	--wd-link-decor: none;
	--wd-link-decor-hover: none;
	text-align: end;
}

.shop_attributes :is(.wd-attr-name,.wd-term-name,.wd-term-sep) {
	vertical-align: middle;
}

.shop_attributes :is(.wd-attr-img,.wd-term-img):not(:last-child) {
	margin-inline-end: .2em;
}

.shop_attributes :is(.wd-attr-name,.wd-term-name)+.wd-hint {
	margin-inline-start: .2em;
}

.shop_attributes .wd-attr-label img {
	width: var(--wd-attr-img-width, 1.2em);
}

.shop_attributes .wd-term img {
	width: var(--wd-term-img-width, 1.2em);
}
