.product-item {
    background: white;
    border-radius: 0.25rem;
}
.product-item a {
    display: block;
    flex: none;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    background: #EAEAEA;
    border-radius: 0.25rem;
    padding: 0.25rem;
    margin-bottom: 0.25rem;
}
.filter {
    background: white;
    border-radius: 0.25rem;
}
.product-item .sku {
    border-bottom: #EAEAEA 0.5px solid;
    align-items: center;
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
}
.product-item .sku:last-child {
    border-bottom: none;
}
.colors {
    margin: 0.125rem 0;
}
.color-block {
    flex: none;
    width: 2rem;
    height: 2rem;
    border-radius: 0.25rem;
    align-items: center;
    justify-content: center;
    display: flex;
    overflow: hidden;
    margin-right: 0.25rem;
    margin-bottom: 0.125rem;
    margin-top: 0.125rem;
}
.colors .color-block {
    cursor: pointer;
}
.colors .color-block.active {
    border: black 2px solid;
}
.color-block span {
    font-size: 0.75rem;
    font-weight: bold;
}

.product-item .sku .price {
    flex: 1;
    font-size: 1rem;
    text-align: right;
}
.product-item .sku .cmd {
    background: #46af4e;
    color: white;
    width: 2rem;
    height: 2rem;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}
.xsd-form-control {
    min-width: 2rem;
}
.selector {
    display: flex;
    flex-direction: row;
    border-radius: 0.25rem;
    overflow: hidden;
    background: #ecf1f7;
    box-shadow: inset #dce0e6 1px 1px 11px 0px;
    user-select: none;
}
.selector .step {
    flex: 1;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
}
.selector .step.active {
    background: #46af4e;
    color: white;
    border-radius: 0.25rem;
    box-shadow: #8a9db9 0 0 10px, inset #4c9652 0 0 10px;
    cursor: grab;
}

.calc-result {
    background: white;
    border-radius: 0.25rem;
}
.calc-item-name {
    display: block;
    line-height: 1.1;
    margin-bottom: 0.25rem;
}
.basket-item {
    position: relative;
    padding-right: 2rem;
}
.basket-item .btn-close {
    position: absolute;
    right: 0.5rem;
    top: 0;
}