/* Theme Specific Styles */

/* Base Transitions */
body { transition: background-color 0.3s ease, color 0.3s ease; }

/* Custom Checkbox */
.custom-checkbox { accent-color: #ff3f6c; width: 16px; height: 16px; cursor: pointer; }

/* Animations */
@keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } }
.animate-marquee { animation: marquee 30s linear infinite; }

@keyframes slideInUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.toast-enter { animation: slideInUp 0.3s forwards; }

/* Glassmorphism */
.glass-effect {
    background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
}
.dark .glass-effect { background: rgba(30, 30, 30, 0.65); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4); }

/* Product Cards */
.product-card { transition: box-shadow 0.2s ease, transform 0.2s ease; border: 1px solid transparent; }
.product-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-color: #eaeaec; transform: translateY(-2px); }
.dark .product-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.4); border-color: #444; }

.product-actions { opacity: 0; transform: translateY(10px); transition: all 0.2s ease; }
.product-card:hover .product-actions { opacity: 1; transform: translateY(0); }

/* Sticky Elements */
.sticky-top-header { position: sticky; top: 0; z-index: 50; }

/* Pagination Styling */
.pagination nav { display: flex; justify-content: center; gap: 0.5rem; }
.pagination span, .pagination a { padding: 0.5rem 1rem; border-radius: 0.25rem; border: 1px solid #eaeaec; transition: all 0.2s; }
.pagination .active { background-color: #282c3f; color: white; border-color: #282c3f; }
.pagination a:hover { background-color: #f5f5f6; }