.catalog-delivery-offers {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}
.catalog-delivery-offer {
    display: flex;
    align-items: baseline;
    gap: 5px;
    cursor: pointer;
    white-space: nowrap;
}
.catalog-delivery-offer__radio {
    flex: none;
    margin: 0;
    accent-color: #3399cc;
}
.catalog-body .colum-price .catalog-delivery-offer__radio:checked + span {
    font-weight: 700;
}

.catalog-body .colum-price--offers {
    width: max-content;
    min-width: 180px;
    flex: 0 0 auto;
    margin-right: 12px;
}

/* Give the selected-offer column space before allocating the product name. */
@media (min-width: 768px) {
    .catalog-table:has(.colum-price--offers) .colum-btn {
        box-sizing: border-box;
        width: 88px;
        flex: 0 0 88px;
    }
    .catalog-table:has(.colum-price--offers) .colum-price {
        width: 180px;
        min-width: 180px;
        flex: 0 0 180px;
        margin-right: 12px;
    }
    .catalog-table:has(.colum-price--offers) .colum-name {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
    }
}

@media (max-width: 767px) {
    .catalog-body__el:has(.colum-price--offers) .catalog-table__body-right {
        flex: 1 1 0;
        min-width: 0;
    }
    .catalog-body__el:has(.colum-price--offers) .colum-name {
        margin-right: 0;
    }
    .catalog-body .colum-price--offers {
        width: auto !important;
        max-width: 100%;
        min-width: 0;
        flex: 0 1 auto;
        margin-right: 0;
    }
    .catalog-delivery-offer {
        white-space: normal;
    }
    .catalog-delivery-offer span {
        min-width: 0;
    }
}

@media (min-width: 1440px) {
    .catalog-table:has(.colum-price--offers) .colum-btn {
        width: 128px;
        flex-basis: 128px;
    }
}