:root {
    --primary-blue: #2E3192;
    --accent-red: #ED1C24;
    --accent-magenta: #D4145A;
    --accent-purple: #662D91;
    --light-bg: #F8F9FA;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #ffffff;
}

.navbar {
    background-color: var(--primary-blue) !important;
}

.btn-primary {
    background-color: var(--primary-blue);
    border: none;
}

.btn-whatsapp {
    background-color: #25D366;
    color: white;
}

.section-title {
    color: var(--primary-blue);
    border-left: 5px solid var(--accent-red);
    padding-left: 15px;
    margin-bottom: 30px;
}

.footer {
    background-color: var(--primary-blue);
    color: white;
    padding: 40px 0;
    border-top: 5px solid var(--accent-magenta);
}

.card-product {
    transition: transform 0.3s;
    border: 1px solid #eee;
}

.card-product:hover {
    transform: translateY(-10px);
    border-color: var(--accent-purple);
}

/* Custom 5-column grid for Products */
@media (min-width: 1200px) {
    .col-xl-2-4 {
        flex: 0 0 auto;
        width: 20%;
    }
}

.pagination .page-link {
    color: var(--primary-blue);
}

.pagination .page-item.active .page-link {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
    color: white;
}