body { font-family: 'Segoe UI', Tahoma, sans-serif; }

/* Hero Section */
.hero-section {
    background: linear-gradient(135deg, #007bff, #00c6ff);
}

.hero-section .btn:hover {
    transform: scale(1.05);
    transition: transform 0.3s;
}

/* Category Cards */
.category-card {
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
}

.category-card:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Promo Banner */
.promo-banner h4 span {
    margin: 0 8px;
}