.ProductBasicsBlock {
    .card {
        @include block-shadow;

        border-color: var(--gray-100);
    }

    /* stylelint-disable selector-id-pattern -- because we are generating this id programmatically via fieldName */
    #ProductBasicsBlock-item-special_instructions {
        .TruncatedText {
            white-space: normal !important;
        }
    }

    &-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    &-item {
        margin-bottom: 1.25rem;
    }
    &-item-row {
        display: flex;
        flex-wrap: wrap;
    }

    &-item-column {
        margin-right: 2.143rem;
        width: 33%;
        font-style: normal;
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.429rem;
    }

    .ProductFieldValidationEmpty {
        display: block;
        min-width: 18px;
    }

    .RevisionIconBox {
        min-width: 22px;
    }

    .SuiteSection {
        padding-bottom: 1.25rem;

        &-sub {
            padding: 0;
        }
    }
}