body {
    font-family: 'Lato', sans-serif;
    color: #34495e;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

.hero-section {
    background: linear-gradient(45deg, #2c3e50, #3498db);
    padding: 4rem 0;
    margin-bottom: 2rem;
}

.product-card {
    transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.btn-primary {
    background-color: #3498db;
    border-color: #3498db;
}

.btn-primary:hover {
    background-color: #2980b9;
    border-color: #2980b9;
}
