/* Категория и карточка колец USIT. Подключается только в USIT-чанках. */
.sa-usit-page {
    --mbs-blue: #078fbd;
}

/*
 * dimension-catalog.css использует --mbs-blue для кнопки корзины.
 * Явные значения оставлены как страховка от старой версии общего CSS
 * и от правил прежнего шаблона сайта.
 */
.sa-usit-page .sa-dimension-product__cart,
.sa-usit-page .sa-dimension-product__request {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center;
    justify-content: center;
    min-width: 135px;
    padding: 0 14px;
    background: #078fbd !important;
    color: #fff !important;
}

.sa-usit-page .sa-dimension-product__request {
    background: #173248 !important;
}

.sa-usit-page .sa-ring-materials > div:not(.sa-ring-materials__head) {
    grid-template-columns: 120px minmax(0, 1fr) 185px;
    gap: 16px;
    min-height: 68px;
}

.sa-usit-page .sa-ring-materials b {
    line-height: 1.25;
    overflow-wrap: normal;
}

.sa-usit-page .sa-ring-materials span {
    min-width: 0;
    line-height: 1.45;
}

.sa-usit-page .sa-ring-materials small {
    line-height: 1.35;
    text-align: right;
    white-space: normal;
}

.sa-ring-product .sa-ring-product-stock__text {
    flex: 1 1 auto;
}

.sa-ring-product .sa-ring-product-standard p b {
    color: #173247;
}

@media (max-width: 640px) {
    .sa-usit-page .sa-ring-materials > div:not(.sa-ring-materials__head) {
        grid-template-columns: 105px minmax(0, 1fr);
        gap: 6px 12px;
        padding: 14px 18px;
    }

    .sa-usit-page .sa-ring-materials small {
        grid-column: 2;
        text-align: left;
    }
}