
.ws-book-hero{
    min-height:var(--hero-height);
    background-image:var(--hero-bg);
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
    display:flex;
    /*align-items:center;*/
    padding:80px 0;
}

.ws-book-hero__row{
    display:grid;
    grid-template-columns: 1fr 1.2fr;
    align-items:center;
    gap:20px;
}

.ws-book-hero__book{
    text-align:center;
}

.ws-book-hero__book img{
    width:100%;
    max-width:420px;
    display:block;
    margin:auto;
}

.ws-book-hero__content {
    max-width: 400px;
}
.ws-book-hero__content h1{
    color:var(--primary);
    font-family:var(--font-caveat);    
    font-size:clamp(40px,4vw,64px);
    line-height:1.15;
    color:#532a82;
    margin-bottom:30px;
}

.ws-book-hero__content p{
    font-size:18px;
    line-height:1.9;
    max-width:600px;
    margin-bottom:35px;
}

.ws-book-hero__content .ws-hero-buttons {
    justify-content: flex-start;
}

.ws-book-hero__buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

/*.ws-heart{
    width: 35px;
    height: auto;
}*/

.ws-book__heart {
    width: 35px;
    height: auto;
    margin-left: 20px;
}

/*====================================================
About the Book
====================================================*/

.ws-book-about{
    background-color: #fafafa;
    padding:30px 0;
}

.ws-book-about__wrapper{
    display:grid;
    grid-template-columns:4fr 5fr;
    gap:40px;
    align-items:center;
    padding:  0 40px;
}

.ws-book-about__title{
    display:flex;
    justify-content:center;
    color:var(--primary);
    font-family:'Caveat',cursive;
    font-size: 46px;
    align-items:center;
    gap:14px;
    margin-bottom:35px;
    text-align:center;
}

.ws-heart{
    width: 35px;
    height: auto;
}

.ws-book-about__description{
    margin-bottom:35px;
}

.ws-book-about__description p{
    margin-bottom:20px;
    text-align:left;
}

.ws-book-about__tagline{
    font-family: 'Caveat', cursive;
    font-size: 30px;
    color: var(--secondary);
    line-height: 1;
    margin-bottom: 1.6rem;
}

.ws-book-about__image{
    text-align:center;
}

.ws-book-about__image img{
    width:100%;
    /*max-width:540px;*/
    height:auto;
    display:block;
    margin:auto;
}

/*==================================================
Book Features
==================================================*/

.ws-book-features{
    padding:10px 0;
    /*background:url('../images/features-bg.webp')
        center center/cover no-repeat;*/
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;        
}

.ws-book-features__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
}

.ws-book-feature{
    padding:40px 30px;
    text-align:center;
    background:transparent;
}

.ws-book-feature img{
    display:block;
    width:100px;
    max-width:100%;
    height:auto;
    margin:0 auto 20px;
}

.ws-book-feature h3{
    color: #214464;
    font-family: 'Caveat', cursive;
    margin-bottom:15px;

}

.ws-book-feature p{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    max-width:220px;
    margin:auto;
}

.ws-book-feature:not(:last-child){
    border-right:1px solid rgba(0,0,0,.12);
}

/*====================================================
Purchase Links
====================================================*/

.ws-book-purchase{
    margin: 10px 0;
    padding:40px 0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}

.ws-book-purchase__wrapper{
    display:grid;
    grid-template-columns: 4fr 5fr;
    gap:60px;
    align-items:center;
}

.ws-book-purchase__left h2{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.ws-book-purchase__available{
    margin-bottom:15px;
    text-align: center;
}

.ws-book-purchase__stores{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    align-items:flex-end;
    margin-bottom:35px;
    justify-content: center;
}

.ws-book-purchase__stores a{
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.25s ease;
}

.ws-book-purchase__stores a:hover{
    transform:translateY(-2px);
}

.ws-book-purchase__stores img{
    display:block;
    width:auto;
    max-height:58px;
    height:auto;
}

.ws-book-purchase__quote{
    text-align:center;
}

.ws-book-purchase__quote blockquote{
    margin:0 0 20px;
    font-size:1.5rem;
    font-style:italic;
    line-height:1.6;
}

.ws-book-purchase__quote cite{
    display:block;
    font-style:normal;
    font-weight:600;
}



/*========================
Tablet
========================*/
@media(max-width:991px){
    .ws-book-hero__row{
        grid-template-columns:1fr 1fr;
        text-align:left;
    }

    .ws-book-hero__content p{
        margin-inline:auto;
    }

    .ws-book-hero__buttons{
        justify-content:center;
    }

    .ws-book-about{
        padding:40px 0;
    }

    .ws-book-about__wrapper{
        grid-template-columns:1fr 1fr;
        gap:20px;
        align-items:center;
        padding: 0;
    }

    .ws-book-about__description p {
        font-size: 16px;
        margin-bottom:15px;
    }

    .ws-book-features__grid{
        grid-template-columns:repeat(3,1fr);
    }

    .ws-book-purchase__wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }

    .ws-book-purchase__left,
    .ws-book-purchase__quote{
        text-align:center;
    }

    .ws-book-purchase__stores{
        justify-content:center;
    }
}

/*========================
Mobile
========================*/
@media (max-width:767px){

    .ws-book-hero__content h2 {
        font-size: clamp(26px,2vw,30px);
        line-height: 1.1;
        
    }

    .ws-book-hero__content p {
        font-size: 15px;
        line-height: 1.2;
        max-width: 500px;
        margin-bottom: 15px;
    }

    .ws-book-about{
        padding:20px 0;
    }

    .ws-book-about__wrapper{
        grid-template-columns:1fr;
        gap:20px;
        align-items:center;
        padding: 0;
    }

    .ws-book-about__title{
        font-size:2rem;
        margin-bottom: 15px;      
    }

    .ws-heart{
        width: 25px;
        height: auto;
    }

    .ws-book-about__description p{
        font-size: 15px;
        margin-bottom:15px;
    }

    .ws-book-about__tagline{
        font-size: 26px;
        margin-bottom: 1.1rem;
    }

    .ws-book-about__image img{
        max-width:auto;
    }

    .ws-book-about__content{
        order:2;
    }

    .ws-book-about__image{
        order:1;
    }

    .ws-book-features__grid{
        grid-template-columns:1fr;
    }

    .ws-book-feature{
        border-right:none !important;
        border-bottom:1px solid rgba(0,0,0,.12);
    }

    .ws-book-feature:last-child{
        border-bottom:none;
    }

    .ws-book-purchase{
        padding:60px 0;
    }

    .ws-book-purchase__stores{
        gap:20px;
    }

    .ws-book-purchase__stores img{
        max-height:46px;
    }
}