.main-content {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 2rem;
    min-height: calc(100vh - 140px);
    background: transparent;
}

.section-header h2 {
    letter-spacing: -0.5px;
    color: var(--text-main);
}

.book-card {
    animation: fadeIn 0.6s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .main-content {
        padding: 0 1rem;
        margin: 1.5rem auto;
    }
}