@media (max-width:900px){

    html,
    body{
        overflow:hidden;
        background:#ffffff;
    }

    /* MENU MOBILE */
    #menu{
        position:fixed;
        top:0;
        left:-82%;
        width:82%;
        max-width:330px;
        height:100%;
        background:#ffffff;
        z-index:4000;
        padding:34px 24px;
        box-shadow:12px 0 35px rgba(0,0,0,0.14);
        transition:left .3s ease;
        overflow-y:auto;
    }

    #menu.open{
        left:0;
    }

    #menu-toggle{
        position:fixed;
        top:18px;
        left:18px;
        width:42px;
        height:42px;
        border:none;
        border-radius:50%;
        background:rgba(255,255,255,0.92);
        color:#222;
        font-size:22px;
        z-index:4500;
        box-shadow:0 6px 18px rgba(0,0,0,0.14);
        cursor:pointer;
    }

    .menu-header{
        margin-bottom:18px;
    }

    .menu-header h1{
        font-family:'Times New Roman', Georgia, serif;
        font-size:30px;
        line-height:1.08;
        color:#222;
        margin-bottom:16px;
    }

    .menu-header p{
        font-size:11px;
        color:#999;
        letter-spacing:2px;
        text-transform:uppercase;
        margin-bottom:26px;
    }

    .menu-line{
        display:block;
        width:78px;
        height:2px;
        background:#b1833d;
        margin-bottom:26px;
    }

    .menu-title{
        font-family:Georgia, 'Times New Roman', serif;
        font-size:26px;
        color:#222;
        margin-bottom:24px;
    }

    .menu-item{
        font-size:16px;
        color:#666;
        margin-bottom:17px;
        cursor:pointer;
    }

    #downloadCatalogo{
        display:inline-block;
        margin-top:8px;
        color:#555;
        font-size:17px;
        font-weight:600;
        text-decoration:none;
        line-height:1.35;
        padding-bottom:5px;
        border-bottom:1px solid #b1833d;
    }

    /* LIVRO MOBILE */
    #book-wrapper{
        position:fixed;
        inset:62px 0 96px 0;
        display:flex;
        justify-content:center;
        align-items:center;
        overflow:hidden;
        margin-left:0;
        transform:none;
    }

    #book{
        width:auto !important;
        height:auto !important;
        display:flex;
        justify-content:center;
        align-items:center;
        transform-origin:center center;
    }

    .book-spread{
        display:flex;
        justify-content:center;
        align-items:center;
        background:#ffffff;
        box-shadow:
            0 8px 22px rgba(0,0,0,0.10),
            0 22px 48px rgba(0,0,0,0.14);
        border-radius:2px;
        position:relative;
    }

    .book-page{
        background:#ffffff;
        overflow:hidden;
    }

    .book-page-img{
        display:block;
        max-width:none;
        max-height:none;
        user-select:none;
        -webkit-user-drag:none;
    }

    /* no mobile não precisa sombra do miolo */
    .book-spread.double-page::before,
    .book-spread.double-page::after{
        display:none;
    }

    /* CONTADOR */
    #counter{
        position:fixed;
        bottom:68px;
        left:50%;
        transform:translateX(-50%);
        background:transparent;
        color:#555;
        padding:0;
        border-radius:0;
        font-size:13px;
        font-weight:600;
        letter-spacing:.4px;
        z-index:3000;
    }

    #counter::after{
        content:"";
        display:block;
        width:38px;
        height:1px;
        background:#b1833d;
        margin:6px auto 0;
        opacity:.9;
    }

    /* SETAS */
    #controls{
        position:fixed !important;
        bottom:14px !important;
        left:50% !important;
        transform:translateX(-50%) !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:44px !important;
        z-index:5000 !important;
    }

    #prevBtn,
    #nextBtn{
        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
        color:#555 !important;
        cursor:pointer !important;
    }

    #prevBtn svg,
    #nextBtn svg{
        width:40px !important;
        height:40px !important;
        stroke:#555 !important;
        stroke-width:1.4 !important;
        fill:none !important;
        stroke-linecap:round !important;
        stroke-linejoin:round !important;
    }

    /* WHATSAPP MOBILE */
    #whatsapp{
        position:fixed;
        right:16px;
        bottom:16px;
        left:auto;
        width:auto;
        z-index:3500;
    }

    #btnWhatsapp{
        width:auto;
        min-width:118px;
        padding:10px 14px;
        border-radius:22px;
        font-size:12px;
    }

    @media (max-width:900px){

    #whatsapp{
        right:16px !important;
        bottom:16px !important;
        left:auto !important;
        width:52px !important;
        height:52px !important;
        z-index:3500 !important;
    }

    #btnWhatsapp{
        width:52px !important;
        height:52px !important;
        min-width:0 !important;
        padding:0 !important;
        border-radius:50% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:0 !important;
    }

    #btnWhatsapp span{
        display:none !important;
    }

    #btnWhatsapp .whatsapp-icon{
        display:block !important;
        width:27px !important;
        height:27px !important;
        fill:#ffffff !important;
    }

}
}