/* Лоадер блока товара в модалке быстрого заказа на время пересчёта цены
   (buyOneClick.ts → setModalLoading). Вид как у лоадера блока цены на
   детальной (catalog.element/main/style.css) и карточек листинга:
   полупрозрачная подложка + вращающийся loader.svg по центру.
   pointer-events на псевдоэлементах снят — кнопки +/- остаются кликабельными
   во время запроса. */
#buy-one-click-modal .basket-product.is-loading {
    position: relative;
}

#buy-one-click-modal .basket-product.is-loading::before,
#buy-one-click-modal .basket-product.is-loading::after {
    pointer-events: none;
}

#buy-one-click-modal .basket-product.is-loading::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: 12px;
    background: rgba(255, 255, 255, .6);
}

#buy-one-click-modal .basket-product.is-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    background: url(/local/templates/technobearing/assets/img/loader.svg) center / contain no-repeat;
    animation: tb-boc-loader-spin 1.4s linear infinite;
}

@keyframes tb-boc-loader-spin {
    to { transform: rotate(360deg); }
}