.sxs-bpcrd {
    &__row {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;

        &,
        &>.col {
            --sus-f-gtt: #{$spacing3};
        }

        &>.col {
            flex: 0 0 auto;
            width: auto;
        }
    }

    &__smp {
        flex-shrink: 0;
        aspect-ratio: 1;
        display: block;
        background-color: #FFF;
        border: 1px solid $primaryClear;
        border-radius: 3px;
        height: calc(var(--_size) * 4);
        width: calc(var(--_size) * 3);
        --_size: calc(15px + .5rem);
    }

    &__text {
        display: flex;
        flex-wrap: wrap;

        &.col {
            flex: 1 1 0;
        }
    }

    &__txt {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin-bottom: $spacing2;
    }

    &__tit {
        overflow: hidden;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        margin-bottom: .5em;
        font-size: $text-15;
        line-height: 1.1;
        font-weight: 600;
    }

    &__sku {
        font-size: $text-12;
        line-height: 1;
    }

    &__pce {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: $spacing1 * .25;

        &-dat {
            font-size: $text-15;
            line-height: 1;

            &--marked {
                font-size: $text-13;
            }
        }
    }

    &__qpckr {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    &__nodisp {
        color: $red2;
        font-size: $text-15;
    }

    &__btn-remove {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(16px + 1rem);
        height: calc(16px + 1rem);

        .icon {
            font-size: $text-18;
        }
    }
}