.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: start;
  gap: 10px 20px;
  font-size: 14px;
  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 0 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: 100vw;
  max-width: var(--wd-attr-img-width)
}

.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: -6px
}