.characteristics-block {
    --cb-gap: 15px;
    display: flex;
    flex-direction: column;
    gap: var(--cb-gap);
    width: 100%;
}

.characteristics-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 15px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #ccc;
}

.characteristics-row .char-name {
    color: #666;
    flex: 0 0 var(--cb-name-width, 250px);
    word-break: break-word;
}

.characteristics-row .char-value {
    flex: 1;
    min-width: min-content;
    word-break: break-word;
}

.remove-item {
    margin-left: auto;
    color: #cc1818;
}

@media (max-width: 600px) {
    .characteristics-row {
        flex-direction: column;
        gap: 4px;
    }
    
    .characteristics-row .char-name {
        flex-basis: 100% !important;
    }
    
    .characteristics-row .char-value {
        flex-basis: 100% !important;
        padding-left: 0;
    }
}