.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 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}