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