/* «Оплата на сайте» (olexdeco.pay) на витрине: кнопка оплаты, места бейджей и виджета Сплита.
   Нейтрально: шрифт и цвета — от сайта, своих — минимум. */
.bpay-place[hidden], .bpay-pay [hidden] { display: none !important; }
.bpay-place { display: block; box-sizing: border-box; max-width: 100%; }
.bpay-place--product, .bpay-place--cart, .bpay-place--checkout { margin: 12px 0; }
.bpay-place--list { margin: 6px 0 0; min-height: 1px; }
.bpay-place--code { margin: 0; }
.bpay-widget { width: 100%; max-width: 100%; overflow: hidden; }
/* SDK ставит обёртке виджета min-width: 311px, а содержимое перестраивается и уже — до ~260 px
   (в узкой колонке карточки товара, как у Аспро, иначе виджет обрезается справа) */
.bpay-widget .ya-pay-widget { min-width: 0 !important; }
.bpay-place yandex-pay-badge { display: block; max-width: 100%; }

.bpay-pay { box-sizing: border-box; max-width: 440px; margin: 8px 0 16px; font: inherit; line-height: 1.5; color: inherit; text-align: left; }
.bpay-pay *, .bpay-pay *::before, .bpay-pay *::after { box-sizing: border-box; }
.bpay-pay__sum { margin: 0 0 10px; font-size: 15px; }
.bpay-pay__button:empty { display: none; }
.bpay-pay__button { margin: 0 0 8px; }
.bpay-pay__link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 10px; background: #000; color: #fff !important; font-weight: 600; font-size: 15px; text-decoration: none !important; }
.bpay-pay__link:hover { background: #222; }
.bpay-pay.is-loading .bpay-pay__link { opacity: .6; }
/* Кнопка Яндекс Пэй показалась — ссылка остаётся запасным вариантом, мелким текстом */
.bpay-pay.is-sdk .bpay-pay__link { min-height: 0; padding: 0; border-radius: 0; background: none; color: inherit !important; font-weight: 400; font-size: 13px; text-decoration: underline !important; opacity: .7; }
.bpay-pay.is-sdk .bpay-pay__link:hover { background: none; opacity: 1; }
.bpay-pay__hint { margin: 8px 0 0; font-size: 13px; opacity: .75; }
.bpay-pay__done { padding: 12px 14px; border-radius: 8px; background: #e9f7f0; color: #0b6b44; font-weight: 600; }
.bpay-pay__note, .bpay-pay__notice { margin: 0 0 10px; padding: 10px 12px; border-radius: 8px; background: #f3f5f8; font-size: 14px; }
.bpay-pay__notice { background: #fff6e2; color: #6d4a07; }
.bpay-pay__test { margin: 0 0 10px; padding: 8px 12px; border: 1px dashed #e2a13c; border-radius: 8px; background: #fffaf0; color: #6d4a07; font-size: 13px; }
.bpay-pay__error { margin: 8px 0 0; color: #cf3434; font-size: 14px; }