/* Custom CSS styles for Ole Imports */

/* Hero section styling */
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
                url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80') no-repeat center center;
    background-size: cover;
    height: 400px;
    margin-bottom: 2rem;
}

.hero-section .mask {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Product card styling */
.product-image {
    height: 250px;
    object-fit: cover;
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

/* Cart styling */
.cart-item-img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

/* Footer styling */
footer a {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

/* Social icons */
.social-icons a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    text-align: center;
    line-height: 35px;
    transition: background-color 0.3s ease;
}

.social-icons a:hover {
    background-color: rgba(255, 255, 255, 0.3);
    text-decoration: none;
}