/* Coque Customizer — Vue 3D (V3.10.65) */
.ccv2-3d-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}
.ccv2-3d-modal[hidden]{display:none!important}
.ccv2-3d-backdrop{position:absolute;inset:0;background:rgba(15,12,14,.72)}
.ccv2-3d-dialog{position:relative;width:min(760px,100%);height:min(88vh,860px);background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden}
.ccv2-3d-head{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 18px;border-bottom:1px solid #eee4e6}
.ccv2-3d-head strong{font-size:16px;color:#1f1a1c}
.ccv2-3d-model{font-size:13px;color:#6d6468;background:#f6f1f2;border-radius:999px;padding:3px 10px}
.ccv2-3d-close{margin-left:auto;width:36px;height:36px;border:0;border-radius:50%;background:#f6f1f2;color:#1f1a1c;font-size:22px;line-height:1;cursor:pointer}
.ccv2-3d-close:hover{background:#ece3e5}
.ccv2-3d-stage{position:relative;flex:1;min-height:0;background:radial-gradient(120% 90% at 50% 35%,#fbf8f8,#e9e2e3)}
.ccv2-3d-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}
.ccv2-3d-canvas:active{cursor:grabbing}
.ccv2-3d-status{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#6d6468;font-size:14px;pointer-events:none}
.ccv2-3d-status[hidden]{display:none}
.ccv2-3d-hint{position:absolute;left:0;right:0;top:10px;margin:0;text-align:center;font-size:12px;color:#8a8084;pointer-events:none}
.ccv2-3d-views{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:12px;border-top:1px solid #eee4e6}
.ccv2-3d-views button{border:1px solid #e6dfe0;background:#fff;color:#1f1a1c;border-radius:999px;padding:7px 13px;font-size:13px;cursor:pointer}
.ccv2-3d-views button:hover{border-color:#c9bcc0}
.ccv2-3d-views button[aria-pressed="true"]{border-color:#a8274f;color:#a8274f;font-weight:600;box-shadow:inset 0 0 0 1px #a8274f}
.ccv2-3d-views button:focus-visible,.ccv2-3d-close:focus-visible{outline:2px solid #a8274f;outline-offset:2px}
body.ccv2-3d-open{overflow:hidden}
#ccv2-3d-btn[hidden]{display:none!important}
@media (max-width:600px){
  .ccv2-3d-modal{padding:0}
  .ccv2-3d-dialog{height:100%;border-radius:0}
  .ccv2-3d-views button{padding:6px 10px}
}
.ccv2-3d-walls{position:absolute;right:12px;top:36px;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.85);box-shadow:0 2px 10px rgba(0,0,0,.08)}
.ccv2-3d-walls[hidden]{display:none!important}
.ccv2-3d-walls span{font-size:12px;color:#6d6468;margin-right:2px}
.ccv2-3d-amb{display:inline-flex;align-items:center;gap:6px;border:1px solid #e6dfe0;background:#fff;color:#1f1a1c;border-radius:999px;padding:4px 10px 4px 5px;font-size:12px;cursor:pointer}
.ccv2-3d-amb i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block}
.ccv2-3d-amb[aria-pressed="true"]{border-color:#a8274f;color:#a8274f;font-weight:600;box-shadow:inset 0 0 0 1px #a8274f}
.ccv2-3d-amb:focus-visible{outline:2px solid #a8274f;outline-offset:2px}
@media (max-width:600px){.ccv2-3d-walls{left:8px;right:8px;justify-content:center;flex-wrap:wrap}}