.hero-section {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1507842217343-583bb7270b66?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
            background-size: cover;
            background-position: center;
            min-height: 40vh;
            color: white;
        }
        
        .book-cover {
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            transition: transform 0.3s;
        }
        
        .book-cover:hover {
            transform: translateY(-5px);
        }
        
        .author-img {
            border-radius: 50%;
            border: 5px solid white;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        footer {
            background-color: #343a40;
            color: white;
        }
        
        .cart-count {
            position: absolute;
            top: -5px;
            right: -5px;
            background-color: #dc3545;
            color: white;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .quote {
            font-style: italic;
            position: relative;
            padding: 1rem 2rem;
            background-color: #f8f9fa;
            border-left: 4px solid #0d6efd;
        }
        
        .quote::before {
            content: '"';
            font-size: 4rem;
            color: #0d6efd;
            opacity: 0.2;
            position: absolute;
            left: 10px;
            top: 10px;
        }
        
        .quote::after {
            content: '"';
            font-size: 4rem;
            color: #0d6efd;
            opacity: 0.2;
            position: absolute;
            right: 10px;
            bottom: -20px;
        }