#matte-color-note .matte-color{
    border: 1px solid #e4dcd3;
    border-top: 0;
    padding: 15px 20px;
    font-weight: normal;
    font-family: 'HyundaiMedium';
    font-style: italic;
    letter-spacing: 0.2px;
}

.requestAPriceAttr .col-sm-2 {
    flex: 1 1 0 !important;    /* equal stretch */
    max-width: 100% !important;
}

/* Note box - optional mobile tweak */
@media (max-width: 767.98px) {
    #matte-color-note .matte-color {
        padding: 10px 12px;
        font-size: 12px;
        line-height: 1.4;
    }
}

/* Desktop / tablet: keep your equal stretch behaviour */
@media (min-width: 768px) {
    .requestAPriceAttr .col-sm-2 {
        flex: 1 1 0 !important;
        max-width: 100% !important;
    }
}

/* Mobile: make each field full-width and stacked */
@media (max-width: 767.98px) {
    .requestAPriceAttr .col-sm-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px;
    }

    /* Ensure selects/inputs fill the width nicely */
    .requestAPriceAttr select,
    .requestAPriceAttr input,
    .requestAPriceAttr button {
        width: 100%;
        max-width: 100%;
        display: block;
    }

    /* If price table is wide, allow horizontal scroll on mobile */
    .requestAPriceAttr .price-table-wrapper {
        overflow-x: auto;
    }
}