.book-detail-page .site-header{
    background: rgba(0,0,0,.18);
    backdrop-filter: blur(18px);
    
}

.book-detail-landing{
    position: relative;
    min-height: calc(50vh - 90px);
    background-image: linear-gradient(
        90deg,
        rgba(0,0,0,.78) 0%,
        rgba(0,0,0,.50) 42%,
        rgba(0,0,0,.10) 100%
    ), var(--book-hero-image);

    background-position: center;
    background-size: cover;
    overflow: hidden;

}



.book-detail-copy{
    max-width: min(760px, 90vw);
    color: #ffffff;
}

/* ---  Nome do livro em grande ---*/
.book-detail-copy h1{
    max-width: 40vw;
    color: #ffffff;
    font-size: 3vw;
    font-weight: 600;
    letter-spacing: .05em;
}



.back-link{
    display: inline-flex;
    margin-bottom: 28px;
    color: #fff;
    font-size: 1.82rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-decoration: none;
    text-transform: uppercase;
}

.back-link:hover{
    text-decoration: underline;
}




.book-detail-gallery{
    padding-bottom: 110px;
}

.book-detail-gallery h2{
    margin-top: 110px;
}

.book-detail-gallery .book-card:hover .main-img{
    opacity: 1;
}

.book-detail-gallery .book-card h3{
    text-transform: capitalize;
    bottom: 10px;
    font-size: max(0.4vw, 12px);
    font-weight: 200;
}