/* BALKA-FARA 2026-06-29: category payload v3 proof.
   Card action icons are painted with CSS after repeated SVG/use nodes were removed. */

.cat-item__purchase.bf-lite-icons .item__image-wr_gv .act-btn_prev::before,
.cat-item__purchase.bf-lite-icons .item__image-wr_gv .act-btn_fav::before,
.cat-item__purchase.bf-lite-icons .item__image-wr_gv .act-btn_comp::before,
.cat-item__purchase.bf-lite-icons .item__image-wr_gv .act-btn_cart::before,
.cat-item__purchase.bf-lite-icons .item__bottom .act-btn_bot::before,
.cat-item__purchase.bf-lite-icons .item__bottom .act-btn_cart .act-btn__icon::before {
    content: "";
    display: block;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--bf-card-icon-w, 16px);
    height: var(--bf-card-icon-h, 16px);
    transform: translate(-50%, -50%) !important;
    background-color: var(--bf-card-icon-color, #777);
    -webkit-mask-image: var(--bf-card-icon-mask);
    mask-image: var(--bf-card-icon-mask);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
}

.cat-item__purchase.bf-lite-icons .act-btn_prev {
    --bf-card-icon-w: 17px;
    --bf-card-icon-h: 12px;
    --bf-card-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 14'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M17 6C11.333-1.333 5.667-1.333 0 6c5.667 7.333 11.333 7.333 17 0z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='8.5' cy='6' r='2' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}

.cat-item__purchase.bf-lite-icons .act-btn_fav {
    --bf-card-icon-w: 17px;
    --bf-card-icon-h: 16px;
    --bf-card-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.412 1.7c-1.584 0-3.152 1.456-3.437 2.538C7.691 3.156 6.124 1.7 4.538 1.7 2.818 1.7 1.1 3.418 1.1 5.995c0 4.295 4.297 7.73 6.875 8.568 2.578-.837 6.875-4.273 6.875-8.568 0-2.577-1.719-4.295-3.438-4.295z' fill='black'/%3E%3C/svg%3E");
}

.cat-item__purchase.bf-lite-icons .act-btn_comp {
    --bf-card-icon-w: 19px;
    --bf-card-icon-h: 16px;
    --bf-card-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 16'%3E%3Cpath d='M2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H2zm7 5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H9zm6-9a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2z' fill='black'/%3E%3C/svg%3E");
}

.cat-item__purchase.bf-lite-icons .act-btn_cart,
.cat-item__purchase.bf-lite-icons .item__bottom .act-btn_cart .act-btn__icon {
    --bf-card-icon-w: 19px;
    --bf-card-icon-h: 23px;
    --bf-card-icon-color: #fff;
    --bf-card-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 23'%3E%3Cpath d='M4.586 9.955h13.41a.828.828 0 0 1 .814.986l-1.068 5.538a.828.828 0 0 1-.734.668l-10.95 1.052a.828.828 0 0 1-.89-.653l-1.393-6.591a.828.828 0 0 1 .81-1zM15.561 20.17a1.04 1.04 0 1 1 0 2.08 1.04 1.04 0 0 1 0-2.08zM7.003 20.17a1.04 1.04 0 1 1 0 2.08 1.04 1.04 0 0 1 0-2.08zM5.938 17.158L4.02 8.56A.715.715 0 0 0 3.322 8H0V6.4h3.322c1.1 0 2.06.758 2.304 1.83l1.918 8.598-1.606.33zM12 3h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0V5H8a1 1 0 1 1 0-2h2V1a1 1 0 0 1 2 0v2z' fill='black'/%3E%3C/svg%3E");
}

.cat-item__purchase.bf-lite-icons .item__bottom .act-btn_bot {
    --bf-card-icon-color: #c4c4c4;
}

.cat-item__purchase.bf-lite-icons .act-btn_fav:hover,
.cat-item__purchase.bf-lite-icons .act-btn_fav.active {
    --bf-card-icon-color: #ff3a3a;
}

.cat-item__purchase.bf-lite-icons .act-btn_comp:hover,
.cat-item__purchase.bf-lite-icons .act-btn_comp.active {
    --bf-card-icon-color: #bee160;
}

.cat-item__purchase.bf-lite-icons .act-btn_prev:hover {
    --bf-card-icon-color: #000;
}

.cat-item__purchase.bf-lite-icons .item__bottom .act-btn_cart .act-btn__icon {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 19px;
    height: 23px;
    flex: 0 0 19px;
    transform: none !important;
}

@media (max-width: 767px) {
    .cat-item__purchase.bf-lite-icons .item__bottom .act-btn_cart {
        position: relative !important;
    }

    .cat-item__purchase.bf-lite-icons .item__bottom .item__cart-btn .act-btn_cart::before {
        content: "";
        display: block;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        width: var(--bf-card-icon-w, 19px);
        height: var(--bf-card-icon-h, 23px);
        transform: translate(-50%, -50%) !important;
        background-color: var(--bf-card-icon-color, #fff);
        -webkit-mask-image: var(--bf-card-icon-mask);
        mask-image: var(--bf-card-icon-mask);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        pointer-events: none;
    }

    .cat-item__purchase.bf-lite-icons .item__bottom .act-btn_cart .act-btn__icon {
        display: none !important;
    }

    .cat-item__purchase.bf-lite-icons .item__bottom .act-btn_cart .act-btn__icon::before {
        content: none !important;
        display: none !important;
    }
}

.cat-item__purchase.bf-lite-icons .item__main .item__btn-it_cart.show-text .act-btn_cart::before {
    display: none;
}