/* =========================================
   CATALOGUE PDF VIEWER
========================================= */

.catalogue-view-page {
    margin: 0;
    padding: 0;

    overflow: hidden;

    background: #222;
}


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

.catalogue-viewer {
    position: relative;

    width: 100vw;
    height: 100vh;

    overflow: hidden;
}


.catalogue-pdf {
    width: 100%;
    height: 100%;

    display: block;

    border: none;

    background: #222;
}


/* =========================================
   FLOATING CTA
========================================= */

.catalogue-floating-cta {

    position: fixed;

    right: 28px;
    bottom: 25px;

    z-index: 100;

    width: 235px;

    padding: 17px;

    border: 1px solid #333;

    border-radius: 15px;

    background: rgba(12, 12, 12, .96);

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

    backdrop-filter: blur(10px);
}


.catalogue-floating-cta p {

    margin: 0 0 12px;

    color: #d6af37;

    font-size: 12px;

    font-weight: 700;
}


.catalogue-floating-cta a {

    width: 100%;

    min-height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    margin-top: 8px;

    border-radius: 7px;

    text-decoration: none;

    font-size: 12px;

    font-weight: 600;

    transition:
        transform .2s ease,
        opacity .2s ease;
}


.catalogue-floating-cta a:hover {

    transform: translateY(-2px);

    opacity: .9;
}


.catalogue-whatsapp {

    background: #25d366;

    color: #071c0e;
}


.catalogue-call {

    background: #d6af37;

    color: #111;
}


/* =========================================
   MOBILE CTA
========================================= */

.catalogue-mobile-cta {

    display: none;

    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 200;

    padding: 10px;

    gap: 8px;

    background: rgba(10, 10, 10, .96);

    box-shadow:
        0 -5px 25px rgba(0, 0, 0, .35);
}


.catalogue-mobile-cta a {

    flex: 1;

    min-height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 7px;

    text-decoration: none;

    font-size: 13px;

    font-weight: 700;
}


.catalogue-mobile-cta a:first-child {

    background: #25d366;

    color: #071c0e;
}


.catalogue-mobile-cta a:last-child {

    background: #d6af37;

    color: #111;
}


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

@media (max-width: 700px) {

    .catalogue-floating-cta {

        display: none;
    }


    .catalogue-mobile-cta {

        display: flex;
    }


    .catalogue-viewer {

        height: 100dvh;

        padding-bottom: 65px;
    }

}