/* Social Buttons Styles */
.shopee-social-buttons { display: flex; margin: 15px 0; gap: 20px; }
.shopee-like-button, .shopee-share-buttons { display: flex; align-items: center; gap: 8px; position: relative; }
.btn-like, .btn-share { background: #f53d2d; color: white; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer; font-weight: bold; display: flex; align-items: center; gap: 5px; transition: background 0.3s; font-size: 14px; }
.btn-like:hover, .btn-share:hover { background: #e63928; }
.btn-like.liked { background: #ff6b6b; }
.like-count, .share-count { font-size: 14px; color: #666; }
.share-dropdown { position: absolute; top: 100%; left: 0; background: white; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 100; display: none; min-width: 180px; margin-top: 5px; }
.share-dropdown.show { display: block; }
.share-dropdown a { display: flex; align-items: center; gap: 10px; padding: 10px 15px; color: #333; text-decoration: none; transition: background 0.2s; }
.share-dropdown a:hover { background: #f5f5f5; }
.share-facebook { color: #1877f2; } .share-twitter { color: #1da1f2; } .share-whatsapp { color: #25d366; } .share-link { color: #666; }
.toast-notification { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: white; padding: 10px 20px; border-radius: 4px; z-index: 1000; display: none; }
.toast-notification.show { display: block; animation: fadeInOut 2s ease-in-out; }
@keyframes fadeInOut { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } }