/*=====================================
BOOK HERO
=====================================*/

.book-hero{

    padding:160px 0 120px;

    background:#f8f6f2;

}

.book-hero-grid{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:80px;

    align-items:center;

}

.book-cover{

    text-align:center;

}

.book-cover img{

    width:100%;

    border-radius:20px;

    box-shadow:0 30px 70px rgba(0,0,0,.18);

    transition:.35s;

}

.book-cover img:hover{

    transform:translateY(-10px);

}

.book-info h1{

    font-family:'Playfair Display',serif;

    font-size:64px;

    color:#0D1B2A;

    margin:20px 0;

}

.book-rating{

    color:#D4AF37;

    font-size:22px;

    margin-bottom:25px;

}

.book-rating span{

    color:#666;

    font-size:16px;

    margin-left:12px;

}

.book-info p{

    font-size:18px;

    line-height:1.9;

    color:#555;

    margin-bottom:40px;

}

.hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

@media(max-width:900px){

.book-hero-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.hero-buttons{

    justify-content:center;

}

.book-info h1{

    font-size:48px;

}

}

/*=====================================
BOOK SYNOPSIS
=====================================*/

.book-synopsis{

    padding:120px 0;

    background:#fff;

}

.synopsis-content{

    max-width:900px;

    margin:50px auto 0;

}

.synopsis-content p{

    font-size:18px;

    line-height:2;

    color:#555;

    margin-bottom:25px;

}

/*=====================================
BOOK DETAILS
=====================================*/

.book-details{

    padding:120px 0;

    background:#f8f6f2;

}

.details-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:30px;

    margin-top:60px;

}

.detail-card{

    background:#fff;

    padding:40px 25px;

    text-align:center;

    border-radius:18px;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.detail-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(0,0,0,.15);

}

.detail-card i{

    font-size:40px;

    color:#D4AF37;

    margin-bottom:20px;

}

.detail-card h3{

    font-family:'Playfair Display',serif;

    color:#0D1B2A;

    margin-bottom:10px;

}

.detail-card p{

    color:#666;

}

/*=====================================
READER REVIEWS
=====================================*/

.reader-reviews{

    padding:120px 0;

    background:#fff;

}

.reviews-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:35px;

    margin-top:60px;

}

.review-card{

    background:#f8f6f2;

    padding:40px;

    border-radius:18px;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.review-card:hover{

    transform:translateY(-10px);

}

.stars{

    color:#D4AF37;

    font-size:24px;

    margin-bottom:20px;

}

.review-card p{

    color:#555;

    line-height:1.9;

    margin-bottom:25px;

}

.review-card h4{

    color:#0D1B2A;

    font-family:'Playfair Display',serif;

    font-size:20px;

}

/*=====================================
RELATED BOOKS
=====================================*/

.related-books{

    padding:120px 0;

    background:#f8f6f2;

}

.related-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:40px;

    margin-top:60px;

}

.related-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.related-card:hover{

    transform:translateY(-12px);

}

.related-card img{

    width:100%;

    height:420px;

    object-fit:cover;

}

.related-card h3{

    font-family:'Playfair Display',serif;

    color:#0D1B2A;

    font-size:28px;

    margin:25px 0 10px;

}

.related-card p{

    color:#777;

    margin-bottom:25px;

}

.related-card .btn-outline{

    margin-bottom:30px;

}

/*=====================================
WHERE TO BUY
=====================================*/

.buy-book{

    padding:120px 0;

    background:#fff;

}

.buy-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

    gap:35px;

    margin-top:60px;

}

.buy-card{

    background:#f8f6f2;

    border-radius:18px;

    padding:45px 30px;

    text-align:center;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.buy-card:hover{

    transform:translateY(-10px);

    background:#0D1B2A;

    color:#fff;

}

.buy-card i{

    font-size:48px;

    color:#D4AF37;

    margin-bottom:20px;

}

.buy-card h3{

    font-family:'Playfair Display',serif;

    margin-bottom:10px;

    font-size:28px;

}

.buy-card span{

    color:#777;

}

.buy-card:hover span{

    color:#ddd;

}

/* Book pages navbar */

.book-hero + * {
    position: relative;
}

.navbar{
    background:#0D1B2A;
}