.pages-sheet-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    visibility:hidden;
    transition:.25s ease;
    z-index:9998;
}

.pages-sheet-overlay.show{
    opacity:1;
    visibility:visible;
}

.pages-sheet{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:90vh;
    background:#fff;
    border-radius:18px 18px 0 0;
    transform:translateY(100%);
    transition:.25s ease;
    z-index:9999;
    display:flex;
    flex-direction:column;
}

.pages-sheet.show{
    transform:translateY(0);
}

.pages-sheet-handle{
    width:52px;
    height:5px;
    background:#cfd4da;
    border-radius:999px;
    margin:12px auto 8px;
}

.pages-sheet-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    border-bottom:1px solid #eee;
}

.pages-sheet-header h2{
    margin:0;
    font-size:20px;
    color:#0B5CFF;
}

.pages-sheet-close{
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#f3f3f3;
    font-size:22px;
    cursor:pointer;
}

.pages-sheet-body{
    flex:1;
    overflow-y:auto;
    padding:0px 0px 18px 0px;
    font-size:18px;
    line-height:1.6;
    color:#333;
}


.pages-sheet-body img{
    float:none !important;
    display:block;
    width:100%;
    height:auto;
    margin:0 0 18px;
}
.pages-sheet-body{
    flex:1;
    overflow-y:auto;
    padding:18px;
}

.pages-sheet-image-wrap{
    margin:-18px -18px 18px;
}

.pages-sheet-image{
    display:block;
    width:100%;
    height:auto;
}

.pages-sheet-content{
    font-size:18px;
    line-height:1.6;
    color:#333;
}
.pages-bottom-banner{
    margin-top:30px;
}

.pages-copyright{
    padding:20px 0 90px;
    text-align:center;
    font-size:13px;
    color:#777;
}
.pages-sheet-gallery{
    width:100%;
    margin:0;
    padding:0;
}

.pages-sheet-gallery-image{
    width:100%;
    max-width:100%;
    height:auto;
    display:block;
    border-radius:0;
    margin:0;
border-bottom: 2px solid #E5E7EB;

}