/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
*/
.single-wishlist-btn {
    background-color: var(--color_4);
    width: 51px;
    max-width: 51px;
    height: 51px;
    border-radius: 4px;
}
.single-wishlist-btn::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    mask: url(/wp-content/themes/pinkflor/images/heart_ico.svg) no-repeat center;
    -webkit-mask: url(/wp-content/themes/pinkflor/images/heart_ico.svg) no-repeat center;
    background-color: var(--color_1);
}
.single-wishlist-btn:hover {
    background-color: var(--color_3);
}
.card .single_product_div {
    display: none;
}
.icon_above_image {
    position: absolute;
    right: 13px;
    top: 13px;
    padding: 0;
}
.wishlist-form.siema-calculator-container + .pagination {
    padding-bottom: clamp(32px, 64px, 6.4vw);
}
.common-wishlist-btn {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.common-wishlist-btn::after,
.common-wishlist-btn.remove_wishlist_single.removed::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    scale: 1;
    background: url(/wp-content/themes/pinkflor/images/heart-icon-empty.svg) center no-repeat;
    background-size: 100%;
}
.common-wishlist-btn.remove_wishlist_single {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    overflow: hidden;
}
.wt-wishlist-button.added .common-wishlist-btn::after,
.common-wishlist-btn.remove_wishlist_single::after {
    background: url(/wp-content/themes/pinkflor/images/heart-icon-active.svg) center no-repeat;
    background-size: 100%;
    scale: 1;
}
.wt-wishlist-button.added .single-wishlist-btn::after {
    mask-image: url(/wp-content/themes/pinkflor/images/full-heart_ico.svg);
    -webkit-mask-image: url(/wp-content/themes/pinkflor/images/full-heart_ico.svg);
    scale: 1;
    background-color: var(--color_1);
}
.wt-wishlist-button.added .single-wishlist-btn::after {
    scale: 1.2;
}
@media (max-width: 900px) {
    .common-wishlist-btn {
        width: 25px;
        height: 25px;
        transform: none !important;
    }
    .icon_above_image {
        right: 11px;
        top: 11px;
    }
}