@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');

:root {
  --wc3dv-bg:#f0f0ee;
  --wc3dv-sidebar-bg:#fff;
  --wc3dv-border:#e0e0e0;
  --wc3dv-text:#1a1a1a;
  --wc3dv-muted:#888;
  --wc3dv-accent:#1a1a1a;
  --wc3dv-swatch-size:62px;
  --wc3dv-font:'Raleway',sans-serif;
  --wc3dv-viewer-h:100vh;
}

.wc3dv-fullscreen-body{margin:0!important;background:var(--wc3dv-bg)!important;overflow:hidden!important;}
.wc3dv-fullscreen-body .wc3dv-wrap{margin:0!important;border:0!important;}

.wc3dv-wrap{display:flex!important;flex-direction:row!important;width:100%!important;min-height:var(--wc3dv-viewer-h)!important;height:var(--wc3dv-viewer-h)!important;font-family:var(--wc3dv-font)!important;background:var(--wc3dv-bg)!important;border:1px solid var(--wc3dv-border)!important;overflow:hidden!important;margin:0!important;box-sizing:border-box!important;}
.wc3dv-wrap *{box-sizing:border-box!important;}
.wc3dv-viewer-col{flex:1 1 0!important;position:relative!important;display:flex!important;flex-direction:column!important;min-height:var(--wc3dv-viewer-h)!important;background:var(--wc3dv-bg)!important;}
#wc3dv-mv{flex:1 1 auto!important;width:100%!important;min-height:400px!important;--poster-color:transparent!important;background:transparent!important;}
.wc3dv-empty-model{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#555;text-align:center;padding:30px;}

.wc3dv-mouse-hints{position:absolute!important;left:24px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important;display:flex!important;flex-direction:column!important;gap:20px!important;pointer-events:none!important;}
.wc3dv-hint{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;color:#777!important;}
.wc3dv-hint svg{width:28px!important;height:28px!important;color:#999!important;}
.wc3dv-hint span{font-size:10px!important;letter-spacing:.04em!important;text-align:center!important;color:#999!important;font-family:var(--wc3dv-font)!important;font-weight:400!important;line-height:1.2!important;}

.wc3dv-bottom-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 16px!important;border-top:1px solid var(--wc3dv-border)!important;background:var(--wc3dv-bg)!important;gap:14px!important;}
.wc3dv-disclaimer{margin:0!important;font-size:10px!important;color:var(--wc3dv-muted)!important;font-style:italic!important;font-family:var(--wc3dv-font)!important;}
.wc3dv-ar-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;border:1.5px solid rgba(0,0,0,.18)!important;border-radius:50px!important;background:rgba(255,255,255,.9)!important;color:#1a1a1a!important;font-family:var(--wc3dv-font)!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;backdrop-filter:blur(6px)!important;transition:background .2s,box-shadow .2s!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 2px 10px rgba(0,0,0,.08)!important;line-height:1!important;}
.wc3dv-ar-btn:hover{background:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,.14)!important;}
.wc3dv-ar-btn--overlay{position:absolute!important;bottom:52px!important;right:16px!important;}

.wc3dv-sidebar{width:380px!important;flex-shrink:0!important;background:var(--wc3dv-sidebar-bg)!important;border-left:1px solid var(--wc3dv-border)!important;overflow-y:auto!important;padding:32px 28px 40px!important;display:flex!important;flex-direction:column!important;max-height:var(--wc3dv-viewer-h)!important;}
.wc3dv-sidebar::-webkit-scrollbar{width:4px!important}.wc3dv-sidebar::-webkit-scrollbar-thumb{background:#ddd!important;border-radius:2px!important}
.wc3dv-product-name{font-family:var(--wc3dv-font)!important;font-size:28px!important;font-weight:700!important;color:var(--wc3dv-text)!important;margin:0 0 28px!important;line-height:1.15!important;letter-spacing:-.02em!important;padding:0!important;border:none!important;text-transform:none!important;}
.wc3dv-swatch-group{margin-bottom:6px!important;}
.wc3dv-group-label{font-family:var(--wc3dv-font)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.1em!important;color:var(--wc3dv-text)!important;margin:0 0 4px!important;padding:0!important;text-transform:uppercase!important;border:none!important;}
.wc3dv-group-desc{font-family:var(--wc3dv-font)!important;font-size:12px!important;color:var(--wc3dv-muted)!important;margin:0 0 12px!important;line-height:1.5!important;}
.wc3dv-swatches{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-bottom:6px!important;}
.wc3dv-swatch-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;width:var(--wc3dv-swatch-size)!important;}
.wc3dv-extra-swatch{display:none!important;}.wc3dv-extra-swatch.is-visible{display:flex!important;}
.wc3dv-swatch{width:var(--wc3dv-swatch-size)!important;height:var(--wc3dv-swatch-size)!important;min-height:unset!important;padding:0!important;margin:0!important;border:2px solid transparent!important;border-radius:2px!important;cursor:pointer!important;background-size:cover!important;background-position:center!important;transition:border-color .15s,transform .15s!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important;outline:none!important;}
.wc3dv-swatch:hover{border-color:#666!important;transform:scale(1.06)!important;}
.wc3dv-swatch.is-active{border-color:var(--wc3dv-accent)!important;box-shadow:0 0 0 1px var(--wc3dv-accent)!important;}
.wc3dv-swatch-name{font-family:var(--wc3dv-font)!important;font-size:9.5px!important;text-align:center!important;color:#666!important;margin:0!important;line-height:1.3!important;word-break:break-word!important;}
.wc3dv-more-btn{display:flex!important;align-items:center!important;gap:6px!important;justify-content:flex-end!important;width:100%!important;padding:6px 0!important;margin:4px 0 0!important;background:none!important;border:none!important;color:var(--wc3dv-muted)!important;font-family:var(--wc3dv-font)!important;font-size:11px!important;font-weight:500!important;cursor:pointer!important;text-align:right!important;box-shadow:none!important;}
.wc3dv-more-btn:hover{color:var(--wc3dv-text)!important;}.wc3dv-chevron{display:inline-block!important;font-size:16px!important;line-height:1!important;transition:transform .2s!important}.wc3dv-more-btn.is-open .wc3dv-chevron{transform:rotate(180deg)!important;}
.wc3dv-divider{border:none!important;border-top:1px solid var(--wc3dv-border)!important;margin:18px 0!important;}

@media(max-width:900px){.wc3dv-fullscreen-body{overflow:auto!important}.wc3dv-wrap{flex-direction:column!important;height:auto!important;min-height:100vh!important}.wc3dv-viewer-col{min-height:420px!important}.wc3dv-mouse-hints{display:none!important}.wc3dv-sidebar{width:100%!important;max-height:none!important;border-left:none!important;border-top:1px solid var(--wc3dv-border)!important;padding:24px 20px 32px!important}.wc3dv-ar-btn--overlay{bottom:56px!important;right:12px!important}:root{--wc3dv-swatch-size:54px}}
@media(max-width:480px){.wc3dv-product-name{font-size:22px!important}:root{--wc3dv-swatch-size:48px}.wc3dv-bottom-bar{align-items:flex-start!important;flex-direction:column!important}}

.wc3dv-load-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;background:rgba(255,255,255,.9);border:1px solid #ddd;border-radius:8px;padding:12px 16px;font-family:var(--wc3dv-font);font-size:13px;color:#555;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.wc3dv-load-status.is-hidden{display:none!important;}
.wc3dv-admin-warning{background:#fff8e5;border-left:4px solid #dba617;padding:10px 12px;margin:12px 0;}
#wc3dv-mv{touch-action:pan-y!important;}
.wc3dv-ar-failure{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);z-index:12;background:rgba(255,255,255,.94);border:1px solid #ddd;border-radius:12px;padding:10px 14px;font-family:var(--wc3dv-font);font-size:12px;color:#333;box-shadow:0 4px 16px rgba(0,0,0,.12);display:none;max-width:280px;text-align:center;}
.wc3dv-ar-failure.is-visible{display:block;}
