.sxs-smcrd {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin: calc(0px - var(--_gap));
    --_gap: .5rem;

    &__det,
    &__qpckr,
    &__pce,
    &__btn {
        padding: var(--_gap);
    }

    &__samp {
        flex-shrink: 0;
        display: block;
        height: calc(var(--_size) * 4);
        width: calc(var(--_size) * 3);
        --_size: calc(15px + .5rem);
    }

    &__text {
        text-align: start;
    }

    &__lin {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        border-radius: 3px;
        border: 1px solid $primaryClear
    }

    &__det {
        display: flex;
        align-items: center;
        gap: var(--_gap);
        flex: 0 0 45%;
        width: 45%;
        max-width: 45%;
    }

    &__tit {
        overflow: hidden;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        margin-bottom: .25rem;
        font-size: $text-15;
        font-weight: 700;
    }

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

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

    &__pce {
        &-dat {
            font-size: $text-15;
            font-weight: 600;
            color: $duller2;
            white-space: nowrap;

            &--marked {
                font-size: $text-13;
                font-weight: 400;
                color: $red;
            }
        }
    }

    @include sm-wmax {
        flex-wrap: wrap;

        &__det {
            order: 1;
            flex: 0 0 90%;
            width: auto;
            max-width: 100%;
        }

        &__qpckr {
            order: 5;
            flex: 0 0 auto;
            width: initial;
            margin-top: $spacing2;
        }

        &__pce {
            order: 3;
            flex: 1;
            width: initial;
            margin-top: $spacing2;
        }

        &__btn {
            order: 2;
            align-self: flex-start;
        }
    }

    &--data-only {
        --_gap: 0px;

        .sxs-smcrd {
            &__det {
                flex: 100%;
                width: 100%;
                max-width: 100%;
            }

            &__samp {
                margin-right: $spacing2;
            }
        }
    }
}