.riban-wishlist-button {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 10;
background: rgba(255, 255, 255, 0.9);
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
padding: 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
pointer-events: auto !important;
} .riban-wishlist-button,
.riban-wishlist-button *,
.riban-wishlist-button svg,
.riban-wishlist-button span,
.riban-wishlist-button path {
pointer-events: auto !important;
}
.riban-wishlist-button:hover {
background: rgba(255, 255, 255, 1);
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.riban-wishlist-button.processing {
opacity: 0.6;
pointer-events: none;
}
.riban-wishlist-button .wishlist-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
transition: transform 0.3s ease;
}
.riban-wishlist-button:hover .wishlist-icon {
transform: scale(1.1);
}
.riban-wishlist-button.active .wishlist-icon {
animation: heartBeat 0.3s ease;
}  .product-image-wrapper a {
pointer-events: auto;
} .product-image-wrapper .riban-wishlist-button {
z-index: 999 !important;
position: absolute !important;
}
@keyframes heartBeat {
0% { transform: scale(1); }
25% { transform: scale(1.3); }
50% { transform: scale(1.1); }
75% { transform: scale(1.2); }
100% { transform: scale(1); }
}  .product-image-wrapper {
position: relative !important;
display: inline-block !important;
} .products .product,
.woocommerce ul.products li.product,
.woocommerce ul.products li.product > a,
.products .product > a,
.product > a,
li.product,
li.product > a,
.woocommerce .product,
.woocommerce .product > a,
.woocommerce-loop-product__link,
.product-link-wrapper {
position: relative !important;
display: flex;
flex-direction: column;
} .swiper-slide .product,
.swiper-slide .product > a,
.swiper-slide li.product,
.swiper-slide li.product > a,
.swiper-slide .woocommerce-loop-product__link {
position: relative !important;
} .custom-gallery-wrap,
.custom-main-image,
.custom-main-image > a {
position: relative !important;
}  .riban-wishlist-button {
position: absolute ;
top: 10px ;
left: 10px ;
bottom: auto ;
right: auto ;
z-index: 10;
} .products .product .riban-wishlist-button,
.woocommerce ul.products li.product .riban-wishlist-button,
li.product .riban-wishlist-button,
.product .riban-wishlist-button,
.woocommerce .product .riban-wishlist-button,
.product-image-wrapper .riban-wishlist-button {
position: absolute;
top: 10px ;
left: 10px ;
bottom: auto ;
right: auto ;
z-index: 10 ;
} .swiper-slide .product .riban-wishlist-button,
.swiper-slide .riban-wishlist-button {
position: absolute !important;
top: 10px !important;
left: 10px !important;
bottom: auto !important;
right: auto !important;
z-index: 10 !important;
} .custom-gallery-wrap .riban-wishlist-button,
.custom-main-image .riban-wishlist-button,
.riban-wishlist-button.single-product-wishlist {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
bottom: auto !important;
z-index: 10 !important;
}  .product-image-wrapper span.onsale,
.product-image-wrapper .onsale,
.products .product span.onsale,
.woocommerce ul.products li.product span.onsale,
li.product span.onsale,
.swiper-slide span.onsale {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
bottom: auto !important;
z-index: 9 !important; margin: 0 !important;
} .custom-gallery-wrap span.onsale,
.custom-main-image span.onsale {
position: absolute !important;
top: 10px !important; left: 10px !important; right: auto !important;
bottom: auto !important;
z-index: 9 !important; margin: 0 !important;
} .riban-wishlist-notification {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.7);
z-index: 9999;
background: #fff;
color: #455E75;
padding: 20px 40px;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
font-size: 16px;
font-weight: 500;
text-align: center;
opacity: 0;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
pointer-events: none;
max-width: 90%;
min-width: 280px;
}
.riban-wishlist-notification.show {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.riban-wishlist-notification-success {
border-left: 4px solid #4CAF50;
}
.riban-wishlist-notification-error {
border-left: 4px solid #f44336;
} .riban-wishlist-notification::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
vertical-align: middle;
}
.riban-wishlist-notification-success::before {
content: '✓';
color: #4CAF50;
font-size: 24px;
font-weight: bold;
}
.riban-wishlist-notification-error::before {
content: '✕';
color: #f44336;
font-size: 24px;
font-weight: bold;
} .riban-wishlist-empty {
text-align: center;
padding: 60px 20px;
}
.riban-wishlist-empty p {
font-size: 18px;
color: #666;
margin-bottom: 20px;
}
.riban-wishlist-empty .button {
display: inline-block;
padding: 12px 30px;
background: #455E75;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background 0.3s ease;
}
.riban-wishlist-empty .button:hover {
background: #CC8BA5;
}
.riban-wishlist-products {
margin-top: 30px;
}  @media (max-width: 768px) {
.riban-wishlist-button {
width: 36px;
height: 36px;
}
.riban-wishlist-button .wishlist-icon {
width: 20px;
height: 20px;
}
.riban-wishlist-notification {
padding: 15px 30px;
font-size: 14px;
min-width: 240px;
}
}
@media (max-width: 480px) {
.riban-wishlist-button {
bottom: 5px;
right: 5px;
width: 32px;
height: 32px;
}
.riban-wishlist-button .wishlist-icon {
width: 18px;
height: 18px;
}
.riban-wishlist-notification {
padding: 12px 20px;
font-size: 13px;
min-width: 200px;
}
}   .mc_whishlist_quantity.empty {
display: none !important;
} @keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.riban-wishlist-button.processing::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px; margin-left: -10px; border: 2px solid rgba(69, 94, 117, 0.2);
border-top-color: #455E75;
border-radius: 50%;
animation: spin 0.6s linear infinite;
}
.riban-wishlist-button.processing .wishlist-icon {
opacity: 0.3;
}
html .single-product .riban-wishlist-button{
left:auto !important;
right:0px !important;
}