.viewer-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.85);
display:none;
align-items:center;
justify-content:center;
z-index:99999;
}

.viewer-content{
width:90%;
max-width:1100px;
height:85vh;
background:#fff;
border-radius:12px;
overflow:hidden;
position:relative;
}

.viewer-close{
position:absolute;
right:20px;
top:20px;
font-size:35px;
cursor:pointer;
z-index:99;
color:#333;
}

model-viewer{
width:100%;
height:100%;
background:#f5f5f5;
}

.open-3d{
cursor:pointer;
transition:.3s;
}

.open-3d:hover{
transform:scale(1.03);
}