/* Hero Section - Banner chính */
.hero-section {
    height: 60vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://via.placeholder.com/1920x1080.png?text=Ảnh+Nền+Lốp+Xe');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.hero-section h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

/* Product Cards */
.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e9ecef;
}

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

/* General Section Styling */
section {
    scroll-margin-top: 70px; /* Offset for sticky navbar when jumping to sections */
}