@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

.container {
    max-width: 1200px;
}

.product-card {
    transition: transform 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
}

.badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}
.hover\:scale-105:hover {
    transform: scale(1.05);
}

.transition {
    transition: all 0.3s ease;
}

.profile-avatar {
    transition: transform 0.3s ease;
}

.profile-avatar:hover {
    transform: scale(1.1);
}

.order-status {
    transition: opacity 0.3s ease;
}

.order-status:hover {
    opacity: 0.9;
}