/* ===================================================================================================
 * pko_model3d.css — estilo do visualizador 3D turntable (EGEND)
 * =================================================================================================== */
.pko3d{position:relative;width:100%;user-select:none;-webkit-user-select:none;}
.pko3d-stage{position:relative;width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;}
.pko3d-stage.grabbing{cursor:grabbing;}
.pko3d-img{max-width:100%;max-height:100%;object-fit:contain;display:block;-webkit-user-drag:none;user-select:none;transition:transform .12s ease;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6));}
.pko3d-bar{position:absolute;left:6px;right:6px;bottom:6px;display:flex;justify-content:space-between;pointer-events:none;z-index:4;opacity:0;transition:opacity .15s;}
.pko3d:hover .pko3d-bar,.pko3d.pko3d-has3d .pko3d-bar{opacity:1;}
.pko3d-btn{width:28px;height:28px;border:1px solid #5a5a5d;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:17px;line-height:26px;text-align:center;cursor:pointer;pointer-events:auto;padding:0;}
.pko3d-btn:hover{border-color:#8b8b90;background:rgba(255,255,255,.12);}
.pko3d-spin{position:absolute;top:8px;right:8px;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;display:none;z-index:5;animation:pko3dspin .8s linear infinite;}
.pko3d-spin.on{display:block;}
@keyframes pko3dspin{to{transform:rotate(360deg);}}
/* dica "3D" so quando ha turntable real */
.pko3d.pko3d-has3d .pko3d-stage:after{content:"3D";position:absolute;top:6px;left:8px;font-size:9px;font-weight:700;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#55545b,#3a3940);padding:1px 6px;border-radius:9px;z-index:5;opacity:.85;pointer-events:none;}