#limitaffiliate-wrapper {
    margin-bottom: 20px;
}

.seoratings-widget__title--product {
    border: initial !important;
    text-transform: initial !important;
}

.seoratings-widget__icon--title {
    top: 4px !important;
}

/* GARAGE812: скрываем сообщение об ошибке, если QR-код оплаты уже сформирован */
.c-payment-options:has(.c-payment-item-qr) > .c-payment-item:has(.error) {
    display: none !important;
}



/* ==================================================
   GARAGE812 — красивый выбор типа оплаты
   Только оформление. Логика radio не меняется.
   ================================================== */

.garage812-pricetype-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 10px 0 12px;
}

.garage812-pricetype-buttons input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    pointer-events: none;
}

.garage812-pricetype-buttons .pricetype-radio-label {
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 48px;
    box-sizing: border-box;

    margin: 0 !important;
    padding: 9px 14px 9px 54px !important;

    background: #ffffff;
    border: 1px solid #e1e5ee;
    border-radius: 14px;

    color: #222222;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;

    cursor: pointer;
    transition:
        border-color .18s ease,
        background-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.garage812-pricetype-buttons .pricetype-radio-label::before {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    background: #f3f6ff;
    border-radius: 10px;

    color: #3156c7;
    font-size: 18px;
    font-weight: 700;

    transition:
        background-color .18s ease,
        color .18s ease;
}

.garage812-pricetype-buttons label[for="pricetype-radio-1"]::before {
    content: "💳";
    font-size: 17px;
}

.garage812-pricetype-buttons label[for="pricetype-radio-0"]::before {
    content: "₽";
}

.garage812-pricetype-buttons .pricetype-radio-label:hover {
    border-color: #b6c4eb;
    background: #fafbff;
    box-shadow: 0 4px 14px rgba(49, 86, 199, .08);
}

.garage812-pricetype-buttons input[type="radio"]:checked + .pricetype-radio-label {
    background: #f3f6ff;
    border-color: #3156c7;
    box-shadow: 0 0 0 2px rgba(49, 86, 199, .08);
    color: #183a9b;
    font-weight: 600;
}

.garage812-pricetype-buttons input[type="radio"]:checked + .pricetype-radio-label::before {
    background: #3156c7;
    color: #ffffff;
}

.garage812-pricetype-buttons .pricetype-radio-label:active {
    transform: scale(.99);
}

@media (max-width: 767px) {
    .garage812-pricetype-buttons {
        gap: 7px;
    }

    .garage812-pricetype-buttons .pricetype-radio-label {
        min-height: 46px;
        padding: 8px 10px 8px 50px !important;
        border-radius: 13px;
        font-size: 12.5px;
    }

    .garage812-pricetype-buttons .pricetype-radio-label::before {
        left: 9px;
        width: 32px;
        height: 32px;
        border-radius: 9px;
    }
}



/* GARAGE812 — цена внутри кнопок типа оплаты */

.garage812-pricetype-buttons .pricetype-radio-label {
    width: 100%;
    padding-right: 92px !important;
}

.garage812-pricetype-price {
    margin-left: auto;
    padding-left: 10px;

    white-space: nowrap;

    font-size: 14px;
    line-height: 1;
    font-weight: 700;

    color: #171717;
}

.garage812-pricetype-buttons
.pricetype-radio-button:checked
+ .pricetype-radio-label
.garage812-pricetype-price {
    color: #3156c7;
}

@media (max-width: 767px) {
    .garage812-pricetype-buttons .pricetype-radio-label {
        padding-right: 82px !important;
    }

    .garage812-pricetype-price {
        font-size: 13px;
    }
}



/* GARAGE812 — финальное оформление текста и цены в кнопках оплаты */

.garage812-pricetype-buttons .pricetype-radio-label {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;

    width: 100%;
    min-height: 46px;

    padding-left: 56px !important;
    padding-right: 12px !important;
}

.garage812-pricetype-text {
    display: block;
    min-width: 0;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;

    text-align: left;
}

.garage812-pricetype-price {
    display: block;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap;

    font-size: 13px;
    line-height: 1;
    font-weight: 700;

    color: #111;
    text-align: right;
}

.garage812-pricetype-buttons
.pricetype-radio-button:checked
+ .pricetype-radio-label
.garage812-pricetype-text {
    font-weight: 600;
}

.garage812-pricetype-buttons
.pricetype-radio-button:checked
+ .pricetype-radio-label
.garage812-pricetype-price {
    color: #3156c7;
}

@media (max-width: 767px) {
    .garage812-pricetype-buttons .pricetype-radio-label {
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 8px;

        padding-left: 52px !important;
        padding-right: 10px !important;
    }

    .garage812-pricetype-text,
    .garage812-pricetype-price {
        font-size: 12.5px;
    }
}


/* Наличие: «Нет в наличии» серым, а не красным. Красный оставлен только под реальные ошибки.
   Добавлено 25.09.2026. */
.product-available_out-of-stock {
    color: #686868;
}

/* Подсказка «?» у статуса «Под заказ»: залитый кружок и свой тултип.
   Системный title показывается примерно через секунду, задержку задать нельзя,
   поэтому рисуем плашку сами — появляется сразу. Добавлено 25.09.2026. */
.product-available__help {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 15px;
    height: 15px;
    margin-left: 6px;
    border-radius: 50%;
    background-color: currentColor; /* кружок в цвет статуса */
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    cursor: help;
}

.product-available__help-sign {
    color: #ffffff;
}

.product-available__help::after {
    content: attr(data-tip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    transform: translateX(-50%);
    width: 232px;
    padding: 9px 11px;
    border-radius: 7px;
    background-color: #1b1b1b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    white-space: normal;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1000;
    transition: opacity .09s linear, visibility 0s linear .09s;
}

.product-available__help::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #1b1b1b;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1000;
    transition: opacity .09s linear, visibility 0s linear .09s;
}

.product-available__help:hover::after,
.product-available__help:hover::before,
.product-available__help:focus::after,
.product-available__help:focus::before {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

/* «Под заказ» тем же зелёным, что и «В наличии»: отличают часы и «?».
   Класс low в теме освободился — промежуточных статусов больше нет. Добавлено 25.09.2026. */
.product-available_low {
    color: #27ae60;
}

/* Произвольный стикер (у нас это «Под заказ») в теме остаётся без фона —
   белый текст на белой картинке. Даём ему вид как у «хит»/«новинка». */
.product-badge.product-badge_custom:not(:has(.badge)) {
    padding: 4px 10px;
    color: #ffffff;
    background-color: #27ae60;
}

/* «Есть на складе» (товар на удалённом складе) — зелёный, как и остальные «получить можно».
   Переиспользован освободившийся класс critical. Добавлено 25.09.2026. */
.product-available_critical {
    color: #27ae60;
}