/*==========================================
BROCHURE VIEWER
==========================================*/

.brochure-modal{

    width:fit-content;
    max-width:95vw;

    /* height:92vh; */

    height:88vh;

    background:#111;

    border-radius:18px;

    overflow:hidden;

    display:flex;
    flex-direction:column;

    box-shadow:0 35px 90px rgba(0,0,0,.45);

}

/* HEADER */

.brochure-header{

    height:70px;

    background:#181818;

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 20px;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.brochure-header h2{

    margin:0;

    font-size:24px;

    color:#fff;

}

/* CLOSE */

.brochure-close{

    width:44px;
    height:44px;

    border:none;

    border-radius:50%;

    background:#2b2b2b;

    color:#fff;

    font-size:22px;

    cursor:pointer;

}

/* BODY */

.brochure-body{

    flex:1;

    overflow:auto;

    background:#202020;

    padding:20px;

    text-align:center;

}

.brochure-body img{

    display:block;

    width:100%;

    max-width:900px;

    height:auto;

    margin:0 auto;

    border-radius:8px;

    background:#fff;

}

/* FOOTER */

.brochure-footer{

    /* height:82px; */

    height:64px;

    background:#181818;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:14px;

    padding:0 20px;

    border-top:1px solid rgba(255,255,255,.08);

}

#downloadBrochure{

    text-decoration:none;

    display:flex;

    align-items:center;

    justify-content:center;

}

/* @media (max-width: 1366px){

    .brochure-modal{

        max-width:900px;

        height:88vh;

    }

    .brochure-body img{

        width:88%;

        max-width:88%;

        height:auto;

    }

} */

@media (max-width:1440px){

    .brochure-modal{

        width:min(900px,95vw);

        height:86vh;

    }

    .brochure-header{

        height:60px;

    }

    .brochure-header h2{

        font-size:20px;

    }

}

/* MOBILE */

@media(max-width:768px){

    .brochure-modal{

        width:100vw;

        height:100vh;

        border-radius:0;

    }

    .brochure-body{

        padding:10px;

    }

}

.brochure-footer .btn{

    height:38px;

    padding:0 18px;

    font-size:14px;

    border-radius:8px;

}