/* Плашки и синие кнопки в цветах брендбука BX GREEN.
   HIT в меню остаётся оранжевым #F18A04. NEW в меню — #7FB718.
   Красные CTA («Заказать звонок», «В корзину») не трогаем.
   Белый на #7FB718 ≈ 2.4:1 — на заливке текст #1A1A1A ≈ 7.3:1. */

:root {
    --lbm-brand-green: #7FB718;
    --lbm-brand-green-ink: #1A1A1A;
    --lbm-brand-green-dark: #4D7510;
    --lbm-brand-green-soft: #F2F8E9;
    --lbm-brand-green-soft-strong: #E6F1D5;
    --lbm-brand-green-shadow: rgba(127, 183, 24, .28);
}

/* --- Товарные плашки NEW / SALE / SOON: зелёный брендбука --- */

.product-item .item__new,
.product-item .item__sale,
.product-item .item__soon,
.catalog-modal .item__new,
.catalog-modal .item__sale,
.product-label-rec--new,
.detail-label.detail-label--sale,
.detail-label.detail-label--new,
.detail-label.detail-label--soon,
.pd__label--sale,
.pd__label--new,
.pd__label--soon,
.product-item-custom-label[style*="7FB718"],
.product-item-custom-label[style*="7fb718"] {
    background: var(--lbm-brand-green) !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
    border-color: #fff;
}

/* HIT на карточках как в меню: брендовый оранжевый */
.product-item .item__hit,
.catalog-modal .item__hit,
.detail-label.detail-label--hit,
.pd__label--hit {
    background: #F18A04 !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
    border-color: #fff;
}

.product-item .item__new,
.product-item .item__hit,
.product-item .item__sale,
.product-item .item__soon,
.catalog-modal .item__new,
.catalog-modal .item__hit {
    border-radius: 83px;
}

/* --- Синие кнопки (#7FB718 / btn-primary) → зелёный брендбука --- */
.btn.btn-primary:not(.btn-default),
.btn.btn-primary:not(.btn-primary--wp),
.btn.become,
.btn-to-form,
.c-popup__button,
.n-help,
.help-modal-btn-sm,
.anons_gift__item-btn a,
.cart-banner-btn,
.basket-btn-checkout,
#mt_c input[type=button],
.review-dt-btn,
.reviews-detail-form__btn,
.answer-detail-form__btn,
.select-drop-btn,
.main-slider .list__item .item__description .btn-more,
.search__tabs-content .product-item .cart__btn-cart-add,
.price__p-add:not(.cart__selected) {
    background: var(--lbm-brand-green) !important;
    background-image: none !important;
    border-color: var(--lbm-brand-green) !important;
    color: #fff !important;
}

.btn.btn-primary:not(.btn-primary--wp):hover,
.btn.btn-primary:not(.btn-primary--wp):focus,
.btn.become:hover,
.btn.become:focus,
.btn-to-form:hover,
.btn-to-form:focus,
.c-popup__button:hover,
.c-popup__button:focus,
.n-help:hover,
.help-modal-btn-sm:hover,
.anons_gift__item-btn a:hover,
.cart-banner-btn:hover,
.basket-btn-checkout:hover,
.basket-btn-checkout:focus,
#mt_c input[type=button]:hover,
.review-dt-btn:hover,
.review-dt-btn:focus,
.reviews-detail-form__btn:hover,
.reviews-detail-form__btn:focus,
.answer-detail-form__btn:hover,
.answer-detail-form__btn:focus,
.select-drop-btn:hover,
.select-drop-btn:focus,
.main-slider .list__item .item__description .btn-more:hover,
.search__tabs-content .product-item .cart__btn-cart-add:hover,
.price__p-add:not(.cart__selected):hover {
    background: var(--lbm-brand-green-dark) !important;
    border-color: var(--lbm-brand-green-dark) !important;
    color: #fff !important;
}

/* --- Нажатие и фокус с клавиатуры ---
   Bootstrap задаёт .btn-primary:active синим (#4080cb, с ховером #19559b),
   и без этого правила зелёная кнопка синеет в момент нажатия.
   Плюс на кнопках стоит outline:none, из-за чего фокус с клавиатуры
   не виден: возвращаем его через focus-visible. */

.btn.btn-primary:not(.btn-primary--wp):active,
.btn.btn-primary:not(.btn-primary--wp):active:hover,
.btn.btn-primary:not(.btn-primary--wp):active:focus,
.btn.btn-primary:not(.btn-primary--wp).active,
.btn.become:active,
.btn-to-form:active,
.c-popup__button:active,
.review-dt-btn:active,
.reviews-detail-form__btn:active,
.answer-detail-form__btn:active,
.basket-btn-checkout:active,
.cart-banner-btn:active,
.select-drop-btn:active {
    background: var(--lbm-brand-green-dark) !important;
    border-color: var(--lbm-brand-green-dark) !important;
    color: #fff !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .18) !important;
}

.btn.btn-primary:not(.btn-primary--wp):focus-visible,
.btn.become:focus-visible,
.btn-to-form:focus-visible,
.c-popup__button:focus-visible,
.review-dt-btn:focus-visible,
.reviews-detail-form__btn:focus-visible,
.answer-detail-form__btn:focus-visible,
.basket-btn-checkout:focus-visible,
.cart-banner-btn:focus-visible,
.select-drop-btn:focus-visible {
    outline: 2px solid var(--lbm-brand-green-dark) !important;
    outline-offset: 2px !important;
}

.review-dt-btn--more {
    background: transparent !important;
    color: var(--lbm-brand-green) !important;
    border-color: var(--lbm-brand-green) !important;
}

.review-dt-btn--more:hover,
.review-dt-btn--more:focus {
    background: var(--lbm-brand-green) !important;
    color: #fff !important;
}

.btn-present-oxy.btn-present-oxy--default {
    color: var(--lbm-brand-green-dark);
    border-color: var(--lbm-brand-green);
}

.btn-present-oxy.btn-present-oxy--default:hover,
.btn-present-oxy.btn-present-oxy--default:focus {
    background: var(--lbm-brand-green);
    border-color: var(--lbm-brand-green);
    color: #fff;
}

.product-item .cart__btn-cart-add--pre,
.product-item .cart__btn-cart-add:not(.cart__selected) {
    background-color: var(--lbm-brand-green) !important;
    color: #fff !important;
}

.product-item .cart__btn-cart-add--pre:hover,
.product-item .cart__btn-cart-add--pre:focus {
    background-color: var(--lbm-brand-green-dark) !important;
}

/* --- Чекаут: «Далее» / «Оформить заказ» как «Заказ в 1 клик» (.n-help) --- */

.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled),
.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):focus,
a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled),
a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):focus,
a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):link,
a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):visited {
    background: var(--lbm-brand-green) !important;
    background-image: none !important;
    border-color: var(--lbm-brand-green) !important;
    color: #fff !important;
}

.bx-no-touch .btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):hover,
.bx-no-touch a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):hover,
.bx-touch .btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active,
.bx-touch a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active,
.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):hover,
a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):hover,
.bx-no-touch input[type=button].btn-buy:not([disabled]):not(.btn-order-save-disabled):hover,
.bx-touch input[type=button].btn-buy:not([disabled]):not(.btn-order-save-disabled):active {
    background: var(--lbm-brand-green-dark) !important;
    background-image: none !important;
    border-color: var(--lbm-brand-green-dark) !important;
    color: #fff !important;
}

.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):after,
a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):after {
    background: var(--lbm-brand-green-dark) !important;
}

.bx-no-touch .btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active,
.bx-no-touch .btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active:focus,
.bx-no-touch .btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active:hover,
.bx-no-touch a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active,
.bx-no-touch a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active:focus,
.bx-no-touch a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active:hover {
    background: var(--lbm-brand-green-dark) !important;
    border-color: var(--lbm-brand-green-dark) !important;
    color: #fff !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .18) !important;
}

.bx-no-touch .btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active:after,
.bx-no-touch a.btn.btn-buy:not([disabled]):not(.disabled):not(.btn-order-save-disabled):active:after {
    background: var(--lbm-brand-green-dark) !important;
}

/* Выключенная «Оформить заказ» остаётся серой, пока форму нельзя отправить */
.btn.btn-buy.btn-order-save-disabled,
.btn.btn-buy.btn-order-save-disabled:hover,
.btn.btn-buy.btn-order-save-disabled:focus,
.btn.btn-buy.btn-order-save-disabled:active,
a.btn.btn-buy.btn-order-save-disabled,
a.btn.btn-buy.btn-order-save-disabled:hover,
a.btn.btn-buy.btn-order-save-disabled:focus,
a.btn.btn-buy.btn-order-save-disabled:active,
.bx-no-touch .btn.btn-buy.btn-order-save-disabled:hover,
.bx-no-touch a.btn.btn-buy.btn-order-save-disabled:hover {
    background: #aeb4ba !important;
    background-image: none !important;
    border-color: #aeb4ba !important;
    color: #fff !important;
    box-shadow: none !important;
    cursor: not-allowed;
}

.btn.btn-buy.btn-order-save-disabled:after,
a.btn.btn-buy.btn-order-save-disabled:after,
.bx-no-touch .btn.btn-buy.btn-order-save-disabled:hover:after,
.bx-no-touch a.btn.btn-buy.btn-order-save-disabled:hover:after,
.bx-no-touch .btn.btn-buy.btn-order-save-disabled:active:after,
.bx-no-touch a.btn.btn-buy.btn-order-save-disabled:active:after {
    background: #aeb4ba !important;
    opacity: 0 !important;
}

/* --- Промо-плашки: верхняя полоса, теги акций, таймер --- */

.m-banner {
    background: var(--lbm-brand-green) !important;
}

.m-banner__title {
    color: var(--lbm-brand-green-ink) !important;
}

.c-banner {
    background-color: var(--lbm-brand-green-soft) !important;
}

.banner-box p {
    color: var(--lbm-brand-green-ink);
}

.banner-info-line.banner-info-line--21_06_19,
.small-banner__inner-left,
.small-banner__inner-right,
.small-banner__inner-left:before,
.small-banner__inner-right:before {
    background: var(--lbm-brand-green) !important;
}

.small-banner__inner-content h3,
.small-banner__inner-content h3 span {
    color: var(--lbm-brand-green-ink);
}

.site-actions__tag {
    background: #fff;
    border-color: var(--lbm-brand-green);
    color: var(--lbm-brand-green-dark);
}

.site-actions__tag--now {
    background: var(--lbm-brand-green);
    border-color: var(--lbm-brand-green);
    color: var(--lbm-brand-green-ink);
}

.promo-timer__badge {
    background: var(--lbm-brand-green);
    color: var(--lbm-brand-green-ink);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 0 18px var(--lbm-brand-green-shadow);
}

/* --- Сервисные / информационные плашки --- */

.notify.info {
    color: var(--lbm-brand-green-dark);
    border-color: var(--lbm-brand-green);
    background: linear-gradient(to bottom, #F6FBEE, var(--lbm-brand-green-soft-strong));
}

.notify.info i {
    background: var(--lbm-brand-green);
    color: var(--lbm-brand-green-ink);
    text-shadow: none;
}

.def-notify-block,
.delivery .left__block {
    border-color: var(--lbm-brand-green-soft-strong);
}

.def-alert span {
    color: var(--lbm-brand-green-dark);
}

.unpaid-order-toast {
    border: 1px solid var(--lbm-brand-green-soft-strong);
    border-left: 4px solid var(--lbm-brand-green);
}

.unpaid-order-toast__icon {
    background: var(--lbm-brand-green-soft);
    color: var(--lbm-brand-green-dark);
}

.order-address-confirm:not(.is-alert):not(.is-confirmed) {
    border-left-color: var(--lbm-brand-green);
    background: var(--lbm-brand-green-soft);
}

.order-address-confirm.is-confirmed {
    border-left-color: var(--lbm-brand-green-dark);
    background: var(--lbm-brand-green-soft);
}

.anons_gift {
    border-color: var(--lbm-brand-green-soft-strong);
}

.anons_gift__item-free {
    color: var(--lbm-brand-green-dark);
}

/* Доставка/оплата: иконки-плашки и tier «бесплатно» */

.dp-info__section-icon,
.dp-info__card-icon {
    background: var(--lbm-brand-green-soft) !important;
    color: var(--lbm-brand-green-dark) !important;
}

.dp-info__card {
    border-color: var(--lbm-brand-green-soft-strong);
}

.dp-info__card--pay {
    background: #FAFDF6;
    border-color: var(--lbm-brand-green-soft-strong);
}

.dp-info__accent {
    color: var(--lbm-brand-green-dark) !important;
}

.dp-info__tier--free {
    background: rgba(127, 183, 24, .14) !important;
}

.dp-info__tier--free .dp-info__tier-icon,
.dp-info__tier--free .dp-info__tier-note {
    color: var(--lbm-brand-green-dark) !important;
}

/* --- 320px: плашки не обрезаются и остаются читаемыми --- */

@media (max-width: 359px) {
    .product-item .item__new,
    .product-item .item__hit,
    .product-item .item__sale,
    .product-item .item__soon {
        font-size: 10px;
    }

    .pd__label--sale,
    .pd__label--hit,
    .pd__label--new,
    .pd__label--soon,
    .detail-label {
        font-size: 10px;
        padding: 3px 8px 2px;
    }

    .unpaid-order-toast {
        right: 8px;
        left: 8px;
        width: auto;
    }
}

/* --- Синие акценты интерфейса -> зелёный брендбука ---
   Выделение текста, обводка фокуса и служебные акценты были синими:
   браузерный синий выделения, #005fcc у фокуса и skip-link, #1485ce
   у сумм в корзине. Нейтральный тёмный текст страниц не трогаем —
   он серо-синий по дизайну, а не акцент.
   Контраст: #4D7510 на белом ≈ 5.4:1, #1A1A1A на #D9EBBB ≈ 12:1. */

::selection {
    background: var(--lbm-brand-green-selection, #D9EBBB);
    color: var(--lbm-brand-green-ink, #1A1A1A);
}

::-moz-selection {
    background: var(--lbm-brand-green-selection, #D9EBBB);
    color: var(--lbm-brand-green-ink, #1A1A1A);
}

:root {
    --lbm-brand-green-selection: #D9EBBB;
}

:focus-visible {
    outline-color: var(--lbm-brand-green-dark, #4D7510);
}

.skip-link {
    background: var(--lbm-brand-green-dark, #4D7510);
}

/* Суммы «до бесплатной доставки» и «до скидки» в корзине */
.basket-checkout-block-discount[style*="1485ce"],
.basket-checkout-block-discount[style*="1485CE"] {
    color: var(--lbm-brand-green-dark, #4D7510) !important;
}

/* Плашка акции «1+1=3» на хну: перебиваем цвет HIT, значок акции — красный */
.product-item .product-item-custom-label--henna-bundle,
.catalog-modal .product-item-custom-label--henna-bundle,
.detail-label.product-item-custom-label--henna-bundle,
.product-item-custom-label--henna-bundle {
    background: #ed1c24 !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
}