/* woocommerce notify */
.woocommerce-info {
    padding: 12px;
    border-radius: 4px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    background: #f2f2f2;
    margin-bottom: 12px;
}
.woocommerce-info .button,
.woocommerce-info button {
    margin-left: auto;
}
.woocommerce-message {
    padding: 12px;
    border-radius: 4px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    background: #f2f2f2;
    margin-bottom: 12px;
}
.woocommerce-message .button {
    display: inline-flex;
    margin-left: auto;
}
.return-to-shop {
    margin-right: auto;
    display: inline-flex;
    margin-bottom: 0;
}
.wc-empty-cart-message .cart-empty {
    margin-bottom: 24px;
}
@media(max-width:768px) {
    .woocommerce-message .button {
        font-size: 13px;
        padding:6px 12px;
        width: 100%;
    }
}
/* end */

/* shop */
.woocommerce ul.products {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap:40px 16px;
    width: 100%;
}
.woocommerce ul.products .slick-list {
    width: 100%;
}
.woocommerce ul.products .slick-list .slick-track {
    margin-left: 0;
}
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    width: calc(100% / 4 - 12px);
    position: relative;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    outline: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link img.attachment-woocommerce_thumbnail {
    display: block;
    height: auto;
    width: 100%;
    margin-bottom: 16px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link .product__image img.attachment-woocommerce_thumbnail {
    margin-bottom: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title {
    display: block;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 8px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link .price {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link .price ins {
    text-decoration: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link .price del {
    opacity: .6;
    font-size: 12px;
    line-height: 150%;
}
.woocommerce ul.products li.product .tinv-wraper {
    position: absolute;
    right: 20px;
    top:20px;
    z-index: 20;
}
.woocommerce ul.products li.product .tinv-wraper .tinvwl_add_to_wishlist_button {
    display: inline-block;
    width: 25px;
    height: 22px;
    margin: 0;
    transition: .3s;
    text-decoration: none;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.25 3.25025L13.0088 2.99299C9.91877 -0.301874 4.80841 0.0854046 2.18647 3.8131C-0.140642 7.12165 0.416686 11.8028 3.44531 14.3864L13.25 22.7501L23.0547 14.3864C26.0833 11.8028 26.6406 7.12165 24.3136 3.8131C21.6916 0.0853888 16.5813 -0.301874 13.4913 2.99299L13.25 3.25025Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.woocommerce ul.products li.product .tinv-wraper .tinvwl_add_to_wishlist_button:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.25 3.25025L13.0088 2.99299C9.91877 -0.301874 4.80841 0.0854046 2.18647 3.8131C-0.140642 7.12165 0.416686 11.8028 3.44531 14.3864L13.25 22.7501L23.0547 14.3864C26.0833 11.8028 26.6406 7.12165 24.3136 3.8131C21.6916 0.0853888 16.5813 -0.301874 13.4913 2.99299L13.25 3.25025Z' stroke='%233F3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.woocommerce ul.products li.product .tinv-wraper .tinvwl_add_to_wishlist_button.tinvwl-product-in-list {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.25 3.25025L13.0088 2.99299C9.91877 -0.301874 4.80841 0.0854046 2.18647 3.8131C-0.140642 7.12165 0.416686 11.8028 3.44531 14.3864L13.25 22.7501L23.0547 14.3864C26.0833 11.8028 26.6406 7.12165 24.3136 3.8131C21.6916 0.0853888 16.5813 -0.301874 13.4913 2.99299L13.25 3.25025Z' fill='%233F3F3F' stroke='%233F3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.woocommerce ul.products li.product .tinv-wraper .tinvwl_add_to_wishlist_button::before {
    display: none;
}
.woocommerce ul.products li.product .onsale {
    position: absolute;
    top:14px;
    left:14px;
    z-index: 40;
    display: inline-block;
    padding: 6px 17px 6px;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0.04em;
    background: #3F3F3F;
}
/* Переключение фото в каталоге */
@media (hover: hover) {
    .product__image {
        position: relative;
        overflow: hidden;
        display: block;
        padding-top: 150%;
        margin-bottom: 16px;
    }
    .image-switch {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 19;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .image-switch__item {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        cursor: pointer;
    }
    .image-switch__img {
        position: absolute;
        left: 50%;
        top: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        pointer-events: none;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        opacity: 0;
        /* transition: opacity .4s cubic-bezier(0.65, 0.05, 0.36, 1); */
    }
    .image-switch__img img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .image-switch__item:first-child .image-switch__img {
        opacity: 1;
        z-index: -1;
    }
    .image-switch__item:hover .image-switch__img {
        opacity: 1;
        z-index: -1;
    }
    .image-pagination {
        position: absolute;
        z-index: 30;
        left: 0;
        bottom: 27px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0;
        gap:16px;
        padding:0 42px;
    }
    .image-pagination__item {
        display: block;
        width: 100%;
        max-width: 72px;
        height: 3px;
        margin: 0;
        border-radius: 4px;
        background-color: #ffffff;
        opacity: .5;
        padding: 0!important;
    }
    .image-pagination__item::before {
        display: none;
    }
    .image-pagination__item--active {
        opacity: 1;
        background-color: #ffffff;
    }
}

@media(max-width:992px) {
    .woocommerce ul.products {
        gap:32px 12px;
    }
    .woocommerce ul.products li.product {
        width: calc(100% / 2 - 6px);
    }
}
@media(max-width:768px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title {
        font-size: 13px;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__link .price {
        font-size: 13px;
    }
    .woocommerce ul.products li.product .tinv-wraper {
        top:11px;
        right:13px;
    }
    .woocommerce ul.products li.product .tinv-wraper .tinvwl_add_to_wishlist_button {
        display: inline-block;
        width: 20px;
        height: 18px; 
    }
    .woocommerce ul.products li.product .onsale {
        top:11px;
    }
    @media (hover: hover) {
        .image-pagination {
            bottom: 20px;
            padding: 0 39px;
            gap:8px;
        }
        .image-pagination__item {
            height: 2px;
            max-width: 40px;
        }
    }
}
/* end */


/* BONUS WOO */
.single-product .product-type-variable .how_mach_bonus {
    display: none;
}
.single-product .product-type-variable form.variations_form .how_mach_bonus {
    display: block;
}
.single-product .how_mach_bonus {
    font-size: 13px;
    line-height: 130%;
    color: #3f3f3fb5;
}

.woocommerce .bfw-write-off-block {
    margin-bottom: 24px;
}
.woocommerce .bfw-spisanie-blocks-button {
    border:0;
    border-bottom: 1px solid #C7C7C7;
}
.woocommerce .bfw-spisanie-blocks-button-text {
    font-weight: 400;
    font-family: 'Unbounded';
    font-size: 14px;
}
.woocommerce .bfw-spisanie-blocks-button-text::before {
    display: none;
}
.woocommerce .computy_skidka_form.open {
    border:0;
    border-bottom: 1px solid #C7C7C7;
}
.woocommerce .text_how_many_points {
    font-size: 14px;
}
.woocommerce .text_how_many_points b,
.woocommerce .text_how_many_points strong {
    font-weight: 500;
}
.woocommerce .text_how_many_points > * {
    margin-bottom: 0;
}
.woocommerce .computy_skidka_form .write_points_form {

}
.woocommerce .computy_skidka_form .write_points_form .input-text {
    max-width: 120px;
    margin: 0;
}
.woocommerce .computy_skidka_form .write_points_form .button {
    width: 42px;
    font-size: 0px;
    line-height: 0px;
    color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3536 4.03568C16.5488 3.84042 16.5488 3.52384 16.3536 3.32858L13.1716 0.146595C12.9763 -0.0486672 12.6597 -0.0486672 12.4645 0.146595C12.2692 0.341857 12.2692 0.65844 12.4645 0.853702L15.2929 3.68213L12.4645 6.51056C12.2692 6.70582 12.2692 7.0224 12.4645 7.21766C12.6597 7.41293 12.9763 7.41293 13.1716 7.21766L16.3536 4.03568ZM0 3.68213V4.18213H16V3.68213V3.18213H0V3.68213Z' fill='white'/%3E%3C/svg%3E");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #3F3F3F;
    border-radius: 4px;
    border: 1px solid #3F3F3F;
    transition: .3s;
}
.woocommerce .computy_skidka_form .write_points_form .button:hover {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3536 4.03568C16.5488 3.84042 16.5488 3.52384 16.3536 3.32858L13.1716 0.146595C12.9763 -0.0486672 12.6597 -0.0486672 12.4645 0.146595C12.2692 0.341857 12.2692 0.65844 12.4645 0.853702L15.2929 3.68213L12.4645 6.51056C12.2692 6.70582 12.2692 7.0224 12.4645 7.21766C12.6597 7.41293 12.9763 7.41293 13.1716 7.21766L16.3536 4.03568ZM0 3.68213V4.18213H16V3.68213V3.18213H0V3.68213Z' fill='%233F3F3F'/%3E%3C/svg%3E");
}
.woocommerce .computy_skidka_form .write_points_form .button .button__text {
    display: none;
}
.woocommerce .computy_skidka_form .remove_points_form button .button__text {
    display: none;
}
.woocommerce .computy_skidka_form .remove_points_form button::before {
    content:'Удалить';
    display: block;
    color:#fff;
    font-size: 14px;
    text-align: center;
}
.woocommerce #bfw_remove_cart_point {
    font-size: 0px;
    line-height: 0px;
    color: transparent;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.530273 22.5303L22.5301 0.530273M22.5303 22.5303L0.530456 0.530273' stroke='%233F3F3F' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 1;
    transition: .3s;
}
.woocommerce #bfw_remove_cart_point:hover {
    transform: rotate(90deg);
}
/* бонусы */
.single-product .how_mach_bonus .how_mach_bonus_title{
    display: none;
}
.single-product .how_mach_bonus .bonus-tooltip-trigger{
    position: relative;
    padding-left: 14px;
    padding-right: 16px;
}
.single-product .how_mach_bonus .bonus-tooltip-trigger::before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.7778 0L17.7777 14.2222L32 14.2222V17.7778L17.7777 17.7777L17.7778 32H14.2222L14.2222 17.7777L0 17.7778V14.2222L14.2222 14.2222L14.2222 0H17.7778Z' fill='%233F3F3F'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0;
    filter: brightness(2);
}
.single-product .how_mach_bonus .bonus-tooltip-trigger::after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16.0001C0 7.16352 7.16347 0 16.0001 0C24.8366 0 32 7.16352 32 16.0001C32 24.8368 24.8366 32.0004 16.0001 32.0004C7.16347 32.0004 0 24.8368 0 16.0001ZM16.0001 2.29511C8.43102 2.29511 2.29511 8.43108 2.29511 16.0001C2.29511 23.5691 8.43102 29.7053 16.0001 29.7053C23.569 29.7053 29.7049 23.5691 29.7049 16.0001C29.7049 8.43108 23.569 2.29511 16.0001 2.29511ZM17.812 23.2485C17.812 24.2492 17.0008 25.0605 16.0001 25.0605C14.9994 25.0605 14.1882 24.2492 14.1882 23.2485C14.1882 22.2479 14.9994 21.4366 16.0001 21.4366C17.0008 21.4366 17.812 22.2479 17.812 23.2485ZM12.4973 12.9809C12.4973 11.3432 13.9108 9.77985 16.0003 9.77985C18.0899 9.77985 19.5034 11.3432 19.5034 12.9809C19.5034 14.1676 18.8511 14.7738 17.7264 15.4571C17.6008 15.5334 17.456 15.6174 17.3012 15.7074C16.8586 15.9644 16.3334 16.2694 15.9386 16.577C15.3532 17.0332 14.6716 17.7692 14.6716 18.8999C14.6716 19.6338 15.2665 20.2287 16.0004 20.2287C16.7308 20.2287 17.3236 19.6392 17.3291 18.91L17.3304 18.9079C17.3513 18.8748 17.4134 18.7969 17.572 18.6733C17.8172 18.4822 18.0902 18.324 18.454 18.1132C18.6437 18.0033 18.8582 17.879 19.1061 17.7283C20.3973 16.9439 22.1608 15.6477 22.1608 12.9809C22.1608 9.78683 19.4673 7.12236 16.0003 7.12236C12.5334 7.12236 9.83982 9.78683 9.83982 12.9809C9.83982 13.7148 10.4347 14.3097 11.1686 14.3097C11.9024 14.3097 12.4973 13.7148 12.4973 12.9809Z' fill='%233F3F3F'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0;
    filter: brightness(2);
}
/*  */
/* Стили для триггера */
.bonus-tooltip-trigger {
    cursor: pointer;
    display: inline-block;
}

/* Разрешаем взаимодействие с тултипом */
.interactive-tooltip {
    pointer-events: auto !important;
}

/* Стили тултипа */
.custom-bonus-tooltip .tooltip-inner {
    max-width: 320px;
    padding: 12px 15px;
    background-color: #3F3F3F;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
}

.custom-bonus-tooltip .tooltip-inner .tooltip-link {
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    font-weight: 500;
}

.tooltip.show {
    opacity: 1;
    visibility: visible;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before{
    border-top-color: #3F3F3F;
}

.custom-bonus-tooltip {
    margin: 0 16px !important;  /* Отступ 12px слева и справа */
}

/* Для мобильных - убираем задержку */
@media (max-width: 768px) {
    .tooltip {
        transition: none;
    }
}
/* /бонусы */
/* END */