/* Start:/local/templates/socsushi/components/bitrix/catalog.section/catalog_new_price/style.css?17761538594803*/
/*
 * catalog_new_price
 *
 * База — копия из soc-sushi-front:
 *   app/css/style.css          → .inner_menu-cart__button
 *   app/scss/product.scss      → .inner_menu_list .item .cart-counter и вложенное
 *   app/scss/cart.scss         → .inner_menu_list .item .m-col--selector (видимость кнопки/счётчика), mobile
 *
 * Блок «Bitrix» внизу — атрибуты, ТП, readonly input, и правки косяков фронта (см. мобилку кнопки).
 */

/* style.css — кнопка «В корзину» */
.inner_menu_list .item .m-col--selector .inner_menu-cart__button {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 192px;
    min-width: 192px;
    max-width: 192px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    margin-top: 32px;
    cursor: pointer;
    transition: 300ms;
    color: #fff;
    border-radius: 32px;
    background-color: #d93f34;
    box-sizing: border-box;
    border: none;
    padding: 0 12px;
}

/* cart.scss — по умолчанию счётчик скрыт; в корзине — только кнопка */
.inner_menu_list .item .m-col--selector .cart-counter {
    display: none;
}

.inner_menu_list .item .m-col--selector.added-to-cart .inner_menu-cart__button {
    display: none;
}

/* cart.scss + product.scss — показать счётчик */
.inner_menu_list .item .m-col--selector.added-to-cart .cart-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d93f34;
    border-radius: 32px;
    margin-top: 32px;
    box-sizing: border-box;
    /* Bitrix: тот же габарит, что у кнопки «В корзину» (192×48), без прыжка */
    width: 192px;
    min-width: 192px;
    max-width: 192px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    padding: 0 8px;
    gap: 8px;
}

/* product.scss — поле и кнопки ± */
.inner_menu_list .item .cart-counter .input-field {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    height: auto;
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
    max-width: 72px;
    font-weight: 600;
    pointer-events: none;
}

.inner_menu_list .item .cart-counter .counter-btn {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    position: relative;
    margin: 0;
    cursor: pointer;
    transition: 0.3s;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
}

.inner_menu_list .item .cart-counter .counter-btn:hover {
    opacity: 0.7;
}

.inner_menu_list .item .cart-counter .counter-btn img {
    width: 24px;
    height: 24px;
    transition: 0.3s;
}

/* cart.scss — mobile */
@media (max-width: 768px) {
    .inner_menu_list .item .m-col--selector .inner_menu-cart__button {
        margin-top: 16px;
    }

    .inner_menu_list .item .m-col--selector.added-to-cart .cart-counter {
        margin-top: 16px;
    }
}

/* ---------- Bitrix: атрибуты и состояния (во фронте нет) ---------- */

.inner_menu_list .item .cart-counter .input-field {
    text-align: center;
    -moz-appearance: textfield;
}

.inner_menu_list .item .cart-counter .input-field::-webkit-outer-spin-button,
.inner_menu_list .item .cart-counter .input-field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inner_menu_list .item .m-col--selector[data-has-tp="0"] .inner_menu-cart__button {
    background: #d93f34;
    color: #fff;
}

.inner_menu_list .item .m-col--selector[data-has-tp="1"] .inner_menu-cart__button:disabled {
    background: #b0b0b0;
    color: #fff;
    cursor: not-allowed;
}

.inner_menu_list .item .m-col--selector[data-has-tp="1"] .inner_menu-cart__button:not(:disabled) {
    background: #d93f34;
    color: #fff;
    cursor: pointer;
}

.inner_menu_list .item .m-col--selector.m-col--selector--tp-locked .cart-counter {
    background: #b0b0b0;
    pointer-events: none;
    user-select: none;
}

.inner_menu_list .item .m-col--selector.m-col--selector--tp-locked .cart-counter .counter-btn {
    cursor: default;
}

/* Bitrix: мобилка — та же 192×48, что и на десктопе (фронтовый padding 1px убран — ломал высоту) */
@media (max-width: 768px) {
    .inner_menu_list .item .m-col--selector:not(.added-to-cart) .inner_menu-cart__button {
        width: 192px;
        min-width: 192px;
        max-width: 192px;
        height: 48px;
        min-height: 48px;
        max-height: 48px;
        padding: 0 12px;
        line-height: 1.25;
    }
}

/* End */
/* /local/templates/socsushi/components/bitrix/catalog.section/catalog_new_price/style.css?17761538594803 */