#leohaz-fav-btn {
background: none; border: none; cursor: pointer;
position: relative; padding: 8px;
}
#leohaz-fav-count {
position: absolute; top: 0; right: 0;
background: #2D6A4F; color: white;
border-radius: 50%; width: 18px; height: 18px;
font-size: 11px; display: flex; align-items: center;
justify-content: center; display: none;
}
#leohaz-fav-count.visible { display: flex; } .leohaz-heart-btn {
position: absolute; top: 8px; right: 8px;
background: rgba(255,255,255,0.85);
border: none; border-radius: 50%;
width: 36px; height: 36px; cursor: pointer;
display: flex; align-items: center; justify-content: center;
z-index: 10; transition: transform 0.2s;
}
.leohaz-heart-btn:hover { transform: scale(1.2); }
.leohaz-heart-btn img { width: 20px; height: 20px; } #leohaz-popup-overlay {
display: none; position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.5); z-index: 9998;
}
#leohaz-popup-overlay.open { display: block; }
#leohaz-popup {
position: fixed; top: 50%; left: 50%;
transform: translate(-50%, -50%);
background: white; border-radius: 12px;
padding: 24px; width: 90%; max-width: 500px;
max-height: 80vh; overflow-y: auto;
z-index: 9999; box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}
#leohaz-popup h2 { color: #2D6A4F; margin-top: 0; }
.leohaz-fav-item {
display: flex; align-items: center; gap: 12px;
padding: 10px 0; border-bottom: 1px solid #eee;
}
.leohaz-fav-item img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; }
.leohaz-fav-item span { font-size: 15px; color: #333; flex: 1; }
.leohaz-fav-remove { background: none; border: none; color: #999; cursor: pointer; font-size: 20px; }
#leohaz-send-btn {
display: block; width: 100%; margin-top: 20px;
background: #2D6A4F; color: white; border: none;
border-radius: 8px; padding: 14px; font-size: 15px;
cursor: pointer; font-weight: bold;
}
#leohaz-send-btn:hover { background: #1B4332; }
#leohaz-close-btn {
position: absolute; top: 16px; right: 16px;
background: none; border: none; font-size: 24px; cursor: pointer; color: #999;
}@font-face {
font-family: 'pet-drop';
src:  url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.eot?iepruw);
src:  url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.eot?iepruw#iefix) format('embedded-opentype'),
url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.ttf?iepruw) format('truetype'),
url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.woff?iepruw) format('woff'),
url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.svg?iepruw#pet-drop) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="wp-svg-custom-"], [class*=" wp-svg-custom-"] { font-family: 'pet-drop' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-svg-custom-pet-pur-wp-svg-custom-g .path1:before {
content: "\e900";
color: rgb(230, 230, 230);
}
.wp-svg-custom-pet-pur-wp-svg-custom-g .path2:before {
content: "\e901";
margin-left: -1em;
color: rgb(52, 52, 52);
}
.wp-svg-custom-pet-pur-wp-svg-custom-g .path3:before {
content: "\e902";
margin-left: -1em;
color: rgb(255, 255, 255);
opacity: 0.12;
}