/*==================================================
HVAC HANDBOOK PROMOTION
==================================================*/

.post-book-checkout{
    margin:60px 0;
}

.book-promo{

    max-width:1200px;

    margin:auto;

    background:#ffffff;

    border:1px solid #e7edf5;

    border-radius:22px;

    padding:-50px;

    display:grid;

    grid-template-columns:260px 1fr;

    gap:20px;

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

}

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

.promo-book{

    display:flex;

    align-items:center;

    justify-content:center;

}

.promo-book img{

    width:100%;

    max-width:280px;

    height:auto;

    filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));

    transition:.35s;

}

.promo-book img:hover{

    transform:translateY(-8px);

}

/*==================================================
CONTENT
==================================================*/

.promo-content{

    display:flex;

    flex-direction:column;

}

.promo-content h2{

    margin:0;

    font-size:28px;
     line-height:1.25;
font-weight:800;

    color:#13284b;

    display:flex;

    align-items:center;

    gap:15px;

}

.promo-content h2 i{

    color:#2563eb;

    font-size:20px;

}

.promo-description{

    margin:10px 0;

    font-size:9px;

    color:#5b677d;

    line-height:1.8;

}

.promo-divider{

    border:none;

    border-top:1px solid #e5e7eb;

    margin:5px 0 10px;

}

/*==================================================
FEATURES
==================================================*/

.promo-features{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:10px;

}

.feature-item{

    display:flex;

    align-items:center;

    gap:12px;

}

.feature-item i{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#eff6ff;

    color:#2563eb;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

}

.feature-item strong{

    display:block;

    font-size:15px;

    color:#13284b;

}

.feature-item span{

    display:block;

    font-size:13px;

    color:#6b7280;

}
/*==================================================
PRICE + BUTTON
==================================================*/

.promo-buy{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    margin:20px 0 10px;

}

.promo-price{

    display:flex;

    align-items:flex-start;

    color:#13284b;

    font-weight:800;

    line-height:1;

}

.promo-price .currency{

    font-size:26px;

    margin-top:8px;

    margin-right:4px;

}

.promo-price .amount{

    font-size:54px;

}

.promo-button{

    flex:1;

    max-width:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    background:#f97316;

    color:#ffffff !important;

    text-decoration:none;

    padding:10px 15px;

    border-radius:14px;

    font-size:18px;

    font-weight:700;

    transition:all .3s ease;

    box-shadow:0 10px 24px rgba(249,115,22,.35);

}

.promo-button:hover{

    background:#ea580c;

    transform:translateY(-3px);

    box-shadow:0 16px 32px rgba(249,115,22,.45);

}

/*==================================================
SECURE CHECKOUT
==================================================*/

.promo-secure{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:15px;

    color:#16a34a;

    font-weight:600;

    margin-bottom:28px;

}

.promo-secure i{

    color:#16a34a;

}

/*==================================================
TRUST SECTION
==================================================*/

.promo-trust{

    display:flex;

    align-items:flex-start;

    gap:20px;

    background:#f8fafc;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:22px;

}

.trust-stars{

    font-size:30px;

    color:#f59e0b;

    line-height:1;

    white-space:nowrap;

}

.trust-content strong{

    display:block;

    font-size:18px;

    color:#13284b;

    margin-bottom:8px;

}

.trust-content p{

    margin:0;

    font-size:15px;

    line-height:1.7;

    color:#6b7280;

}

/*==================================================
RESPONSIVE
==================================================*/

@media (max-width:992px){

    .book-promo{

        grid-template-columns:1fr;

        text-align:center;

    }

    .promo-book{

        margin-bottom:15px;

    }

    .promo-content h2{

        justify-content:center;

        font-size:34px;

    }

    .promo-features{

        grid-template-columns:repeat(2,1fr);

    }

    .promo-buy{

        flex-direction:column;

    }

    .promo-button{

        width:100%;

        max-width:none;

    }

    .promo-trust{

        flex-direction:column;

        text-align:center;

    }

}

@media (max-width:640px){

    .book-promo{

        padding:24px;

    }

    .promo-content h2{

        font-size:28px;

    }

    .promo-description{

        font-size:16px;

    }

    .promo-features{

        grid-template-columns:1fr;

    }

    .promo-price .amount{

        font-size:42px;

    }

    .promo-button{

        font-size:16px;

        padding:16px 22px;

    }

    .trust-stars{

        font-size:24px;

    }

}
/*==================================================
TABLETS (991px and below)
==================================================*/

@media (max-width: 991px) {

    .book-promo{
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
        text-align: center;
    }

    .promo-book{
        order: 1;
    }

    .promo-book img{
        max-width: 220px;
        margin: 0 auto;
    }

    .promo-content{
        order: 2;
    }

    .promo-content h2{
        justify-content: center;
        font-size: 30px;
    }

    .promo-description{
        font-size: 17px;
    }

    .promo-features{
        grid-template-columns: repeat(2,1fr);
        gap: 15px;
    }

    .feature-item{
        justify-content: center;
        text-align: left;
    }

    .promo-buy{
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .promo-price{
        justify-content: center;
    }

    .promo-button{
        width: 100%;
        max-width: 420px;
    }

    .promo-secure{
        justify-content: center;
    }

    .promo-trust{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

}


/*==================================================
MOBILE (768px and below)
==================================================*/

@media (max-width: 768px) {

    .post-book-checkout{
        margin: 35px 0;
    }

    .book-promo{
        padding: 18px;
        border-radius: 16px;
    }

    .promo-book img{
        max-width: 170px;
    }

    .promo-content h2{
        font-size: 26px;
        line-height: 1.3;
    }

    .promo-content h2 i{
        font-size: 24px;
    }

    .promo-description{
        font-size: 16px;
        line-height: 1.6;
    }

    .promo-features{
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .feature-item{
        justify-content: flex-start;
    }

    .feature-item i{
        width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .promo-price .currency{
        font-size: 22px;
    }

    .promo-price .amount{
        font-size: 40px;
    }

    .promo-button{
        font-size: 16px;
        padding: 14px 18px;
    }

    .promo-secure{
        font-size: 14px;
    }

    .promo-trust{
        padding: 15px;
    }

    .trust-stars{
        font-size: 24px;
    }

    .trust-content strong{
        font-size: 17px;
    }

    .trust-content p{
        font-size: 14px;
    }

}


/*==================================================
SMALL PHONES (480px and below)
==================================================*/

@media (max-width: 480px) {

    .book-promo{
        padding: 15px;
    }

    .promo-book img{
        max-width: 140px;
    }

    .promo-content h2{
        font-size: 22px;
    }

    .promo-description{
        font-size: 15px;
    }

    .promo-price .amount{
        font-size: 34px;
    }

    .promo-button{
        font-size: 15px;
        padding: 13px 16px;
    }

}