body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

#home {
    position: relative;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}

.hero-content {
    position: relative;
    z-index: 10;
}

html {
    scroll-behavior: smooth;
}

.product-card {
    transition-behavior: normal, normal;
    transition-duration: 0.3s, 0.3s;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
    transition-property: transform, box-shadow;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

@media (max-width: 768px) {
    .hero-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    #mobile-menu {
        display: none;
    }
    
    #mobile-menu.active {
        display: block;
    }
}