/* __V3D_TEMPLATE__ - template-based file; delete this line to prevent this file from being updated */

body {
    margin: 0px;
    overflow: hidden;
}

.v3d-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* 3D pushable, same style as МЕНЮ */
.fullscreen-button {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: none;
    z-index: 1;
    border: 0;
    border-radius: 14px;
    background: radial-gradient(circle at 50% 35%, #3a63c9, #22407f);
    box-shadow: 0 6px 0 #16295a, 0 10px 14px -4px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.28);
    transition: transform .12s ease, box-shadow .12s ease;
}
.fullscreen-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 0 #16295a, 0 14px 18px -4px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.38);
}
.fullscreen-button:active {
    transform: translateY(6px);
    box-shadow: 0 0 0 #16295a, 0 3px 6px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.2);
}
.fullscreen-button::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 24px; height: 24px;
    background: #fff;
    -webkit-mask: center/contain no-repeat;
    mask: center/contain no-repeat;
}
.fullscreen-open::after {
    -webkit-mask-image: url('media/fullscreen_open.svg');
    mask-image: url('media/fullscreen_open.svg');
}
.fullscreen-close::after {
    -webkit-mask-image: url('media/fullscreen_close.svg');
    mask-image: url('media/fullscreen_close.svg');
}

/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }

/* let one/two-finger gestures rotate & pinch-zoom the model instead of scrolling the page */
html, body, .v3d-container, #v3d-container, #v3d-container canvas, canvas {
    touch-action: none;
    -ms-touch-action: none;
}

/* mobile: match the top-right icon row (44px, top:10) */
@media (max-width:991px){
  .fullscreen-button{ top:10px; right:8px; width:44px; height:44px; border-radius:13px; }
  .fullscreen-button::after{ width:20px; height:20px; }
}