/* ============================================
   INDEX PAGE STYLES
   Styles specific to the homepage/index
   ============================================ */

.product-card {
    transition: var(--transition);
    border-radius: var(--border-radius) !important;
    overflow: hidden;
}

.product-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--box-shadow-lg) !important;
}

.brand-logo {
    transition: var(--transition);
    border-radius: var(--border-radius);
}

.brand-logo:hover {
    background: var(--color-secondary);
    transform: translateY(-5px);
}

.brand-logo:hover i {
    color: var(--color-primary) !important;
}

.feature-icon {
    transition: var(--transition);
}

.feature-icon:hover {
    transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .display-5 {
        font-size: 2rem;
    }

    .lead {
        font-size: 1.1rem;
    }
}