.single-product .summary table.variations,
.single-product .summary table.variations tbody,
.single-product .summary table.variations tr,
.single-product .summary table.variations th.label,
.single-product .summary table.variations td.value {
    display: block;
    min-width: 0;
    width: 100%;
}

.single-product .summary table.variations {
    margin: 0 0 20px;
}

.single-product .summary table.variations th.label {
    color: #808080;
    font: 600 15px/24px "Jost", Arial, sans-serif;
    margin: 0 0 9px;
    padding: 0;
    text-align: left;
    text-transform: capitalize;
    white-space: normal;
}

.single-product .summary table.variations th.label label {
    color: #808080;
    font: 600 15px/24px "Jost", Arial, sans-serif;
    text-transform: capitalize;
}

body.single-product .summary.entry-summary form.variations_form table.variations th.label label::after {
    content: none;
}

.single-product form.variations_form table.variations th.label [data-storefront-selected-separator] {
    color: #808080;
    font-weight: 600;
}

.single-product form.variations_form table.variations th.label [data-storefront-selected-value] {
    color: #000;
    font-weight: 400;
}

.single-product .summary table.variations td.value {
    padding: 0;
}

.single-product form.variations_form .filter-item-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.single-product form.variations_form .filter-item-list > li {
    max-width: 100%;
    margin: 0 14.5px 15px 0;
}

.single-product form.variations_form .filter-item-list .filter-item {
    background: #eaeaea;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    box-sizing: border-box;
    color: #000;
    display: block;
    font: 500 15px/32px "Jost", Arial, sans-serif;
    height: auto;
    letter-spacing: normal;
    margin: 0;
    max-width: 100%;
    min-height: 40px;
    min-width: 80px;
    padding: 5px 10px 1px;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}

.single-product form.variations_form .filter-item-list .filter-item[data-availability="out_of_stock"] {
    background: #eaeaea;
    border-color: #e7e7e7;
    opacity: .4;
    overflow: hidden;
    position: relative;
}

.single-product form.variations_form .filter-item-list .filter-item[data-availability="out_of_stock"]::before {
    background: #e85342;
    content: "";
    display: block;
    height: 1px;
    left: -8px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: 56px;
    z-index: 5;
}

.single-product form.variations_form .filter-item-list > li.active > .filter-item {
    background: #fff;
    border-color: #ccc;
    font-weight: 400;
}