.woocommerce-product-gallery__image.stb-ms-using-viewer{position:relative!important;isolation:isolate;overflow:hidden;}
.woocommerce-product-gallery__image.stb-ms-using-viewer>a,.woocommerce-product-gallery__image.stb-ms-using-viewer>img{opacity:0!important;pointer-events:none!important;}
.stb-ms-viewer[hidden]{display:none!important}
.stb-ms-viewer{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 54% 34%,#e8e5e2 0%,#cbc6c7 88%);color:#211b24;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.stb-ms-viewer *{box-sizing:border-box}
.stb-ms-stage{position:relative;display:flex;justify-content:center;align-items:center;flex:1 1 auto;min-height:0;width:100%;perspective:900px;touch-action:none;cursor:grab;outline-offset:-4px}
.stb-ms-stage:active{cursor:grabbing}
.stb-ms-stage:focus-visible{outline:3px solid #b92a47}
.stb-ms-object{--stb-ms-depth:16px;position:relative;width:67%;height:78%;max-width:75%;max-height:80%;transform-style:preserve-3d;transform:rotateX(var(--stb-ms-tilt-x,-6deg)) rotateY(var(--stb-ms-tilt-y,14deg));transition:transform .22s ease,filter .3s ease;filter:drop-shadow(17px 24px 15px #0004);}
.stb-ms-face{position:absolute;inset:0;overflow:hidden;transform:translateZ(calc(var(--stb-ms-depth)/2));background:#302c34;border:1px solid #ffffff55;backface-visibility:visible;}
.stb-ms-back{position:absolute;inset:0;transform:translateZ(calc(var(--stb-ms-depth)/-2)) rotateY(180deg);background:linear-gradient(135deg,#c8c0ba,#a39b95);border:1px solid #00000018;backface-visibility:visible;}
.stb-ms-art{position:absolute;inset:0;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}
.stb-ms-side,.stb-ms-side-left,.stb-ms-top,.stb-ms-bottom{position:absolute;backface-visibility:visible;background-repeat:no-repeat;background-size:100% 100%;overflow:hidden}
.stb-ms-side{top:0;right:calc(var(--stb-ms-depth)/-2);height:100%;width:var(--stb-ms-depth);background:linear-gradient(90deg,#40353a 0%,#7a6970 25%,#41343b 100%);background-position:right center;transform-origin:left center;transform:rotateY(90deg);filter:brightness(.88)}
.stb-ms-side-left{top:0;left:calc(var(--stb-ms-depth)/-2);height:100%;width:var(--stb-ms-depth);background:linear-gradient(90deg,#41343b 0%,#7a6970 75%,#40353a 100%);background-position:left center;transform-origin:right center;transform:rotateY(-90deg);filter:brightness(.8)}
.stb-ms-top{top:calc(var(--stb-ms-depth)/-2);left:0;width:100%;height:var(--stb-ms-depth);background:linear-gradient(#a79596,#574a4e);background-position:center top;transform-origin:center bottom;transform:rotateX(90deg);filter:brightness(1.02)}
.stb-ms-bottom{bottom:calc(var(--stb-ms-depth)/-2);left:0;width:100%;height:var(--stb-ms-depth);background:linear-gradient(#4f4548,#8d7c7d);background-position:center bottom;transform-origin:center top;transform:rotateX(-90deg);filter:brightness(.72)}
.stb-ms-sheen,.stb-ms-texture{position:absolute;inset:0;pointer-events:none;}
.stb-ms-sheen{opacity:0;background:linear-gradient(109deg,transparent 10%,#ffffff0e 30%,#ffffffaa 49%,#ffffff08 58%,transparent 72%);background-size:230% 100%;animation:stb-ms-shimmer 6s ease-in-out infinite;mix-blend-mode:screen;}
.stb-ms-texture{opacity:0;background:repeating-linear-gradient(93deg,#ffffff1b 0px,#ffffff1b 1px,transparent 1px,transparent 3px);mix-blend-mode:soft-light;}
.stb-ms-viewer[data-material="canvas"] .stb-ms-texture{opacity:.35}
.stb-ms-viewer[data-material="canvas"] .stb-ms-side,.stb-ms-viewer[data-material="canvas"] .stb-ms-side-left,.stb-ms-viewer[data-material="canvas"] .stb-ms-top,.stb-ms-viewer[data-material="canvas"] .stb-ms-bottom{box-shadow:inset 0 0 0 1px #00000020}
.stb-ms-viewer[data-material="metal"] .stb-ms-side,.stb-ms-viewer[data-material="metal"] .stb-ms-side-left{background:linear-gradient(90deg,#5e6670,#eef1f4 55%,#626c76)}
.stb-ms-viewer[data-material="metal"] .stb-ms-top,.stb-ms-viewer[data-material="metal"] .stb-ms-bottom{background:linear-gradient(#d5dce5,#69737c)}
.stb-ms-viewer[data-material="metal"] .stb-ms-sheen{opacity:.78}
.stb-ms-viewer[data-material="metal"] .stb-ms-face{border:2px solid #c1ccd5}
.stb-ms-viewer[data-material="paper"] .stb-ms-face{border:2px solid #eee9e1;box-shadow:inset 0 0 0 2px #eeeeea55}
.stb-ms-viewer[data-material="paper"] .stb-ms-side,.stb-ms-viewer[data-material="paper"] .stb-ms-side-left{background:#f0ebdf}
.stb-ms-viewer[data-material="paper"] .stb-ms-top,.stb-ms-viewer[data-material="paper"] .stb-ms-bottom{background:#eee8e0}
.stb-ms-viewer[data-material="canvas"][data-frame]:not([data-frame="none"]) .stb-ms-face{border-style:solid;border-width:clamp(7px,1.3vw,17px)!important;border-color:var(--stb-ms-frame,#161318)!important;box-shadow:inset 0 0 3px 2px #0006,0 0 2px #0007;}
.stb-ms-viewer[data-frame="black"]{--stb-ms-frame:#141414;--stb-ms-frame-light:#3e3e3e;--stb-ms-frame-dark:#060606}
.stb-ms-viewer[data-frame="white"]{--stb-ms-frame:#f8f7f1;--stb-ms-frame-light:#ffffff;--stb-ms-frame-dark:#d8d5cc}
.stb-ms-viewer[data-frame="wood"]{--stb-ms-frame:#987047;--stb-ms-frame-light:#b88657;--stb-ms-frame-dark:#6f4d2d}
.stb-ms-viewer[data-frame="gold"]{--stb-ms-frame:#b4904b;--stb-ms-frame-light:#dbbe74;--stb-ms-frame-dark:#85672a}
.stb-ms-viewer[data-frame="silver"]{--stb-ms-frame:#aeb5bc;--stb-ms-frame-light:#dde2e8;--stb-ms-frame-dark:#7c868f}
.stb-ms-headline{text-transform:uppercase;letter-spacing:.13em;font-weight:750;font-size:clamp(9px,1vw,12px);text-align:center;padding:6px 12px 0}
.stb-ms-hint{font-size:clamp(9px,.9vw,11px);text-align:center;opacity:.75;line-height:1.4;padding:3px 14px 12px}
@keyframes stb-ms-shimmer{0%,16%{background-position:130% 0}60%,100%{background-position:-120% 0}}
@media(max-width:600px){.stb-ms-object{width:73%;height:73%}.stb-ms-hint{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.stb-ms-object{transition:none}.stb-ms-sheen{animation:none;background-position:40% 0}}

/* v1.1: keep the overlay visible in classic WooCommerce/FlexSlider galleries. */
.woocommerce-product-gallery__image.stb-ms-using-viewer{min-height:260px;}
.woocommerce-product-gallery__image.stb-ms-using-viewer>.stb-ms-viewer{width:100%;height:100%;}
@media(max-width:600px){.woocommerce-product-gallery__image.stb-ms-using-viewer{min-height:220px;}}
/* 1.2.0: gallery-level overlay, independent of WooCommerce's slide elements */
.woocommerce-product-gallery>.stb-ms-overlay,.images>.stb-ms-overlay,.wc-block-components-product-gallery>.stb-ms-overlay{position:absolute!important;inset:auto!important;z-index:30!important;min-height:0;}
.stb-ms-controls{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:10px 0 14px;font:12px/1.5 system-ui,sans-serif;clear:both}
.stb-ms-status{color:#797278}
.stb-ms-toggle{border:1px solid #ae2a3b!important;border-radius:3px!important;color:#ae2a3b!important;background:transparent!important;padding:7px 12px!important;font-size:12px!important;cursor:pointer}
.stb-ms-toggle:disabled{opacity:.4;cursor:default}
.stb-ms-overlay .stb-ms-stage{min-height:0}
@media(max-width:600px){.stb-ms-controls{font-size:11px}.stb-ms-toggle{padding:5px 9px!important}}

/* 1.3: controlled gallery coordinates; no theme FlexSlider slide offsets. */
.single-product .stb-ms-gallery{position:relative!important;isolation:isolate;}
.single-product .stb-ms-gallery>.stb-ms-overlay{position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;inset:auto!important;z-index:40!important;max-width:100%!important;opacity:1!important;visibility:visible!important;transform:none!important;}
.single-product .stb-ms-gallery>.stb-ms-overlay[hidden]{display:none!important;}
.single-product .stb-ms-gallery>.stb-ms-controls{position:absolute!important;z-index:50!important;top:10px!important;right:10px!important;display:flex!important;margin:0!important;width:auto!important;max-width:calc(100% - 20px)!important;clear:none!important;background:rgba(20,15,24,.87)!important;padding:5px 7px!important;border-radius:5px!important;box-shadow:0 2px 12px #0005!important;}
.single-product .stb-ms-gallery .stb-ms-status{display:none!important;}
.single-product .stb-ms-gallery.stb-ms-debug .stb-ms-status{display:inline!important;color:#fff!important;}
.single-product .stb-ms-gallery .stb-ms-toggle{display:inline-block!important;color:#fff!important;border:1px solid #ffffffb0!important;background:#211a24!important;padding:7px 10px!important;line-height:1.25!important;white-space:nowrap!important;}
.single-product .stb-ms-gallery .stb-ms-toggle:disabled{display:none!important;}
@media(max-width:600px){.single-product .stb-ms-gallery>.stb-ms-controls{top:6px!important;right:6px!important;}}

/* 1.4: Render a real in-flow replacement instead of layering over the theme's slider. */
.single-product .stb-ms-gallery.stb-ms-active{position:relative!important;overflow:visible!important;isolation:isolate!important;}
.single-product .stb-ms-gallery.stb-ms-active > :not(.stb-ms-preview):not(.stb-ms-controls){display:none!important;visibility:hidden!important;}
.single-product .stb-ms-gallery > .stb-ms-preview{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;z-index:1!important;width:100%!important;max-width:100%!important;display:flex!important;opacity:1!important;visibility:visible!important;transform:none!important;margin:0!important;float:none!important;clear:both!important;}
.single-product .stb-ms-gallery > .stb-ms-preview[hidden]{display:none!important;}
.single-product .stb-ms-gallery.stb-ms-active > .stb-ms-controls{position:absolute!important;top:10px!important;right:10px!important;z-index:5!important;}
.single-product .stb-ms-gallery.stb-ms-original > .stb-ms-controls{position:absolute!important;top:10px!important;right:10px!important;z-index:5!important;}
.single-product .stb-ms-gallery > .stb-ms-preview .stb-ms-object{width:67%;height:78%;}
.single-product .stb-ms-gallery > .stb-ms-preview .stb-ms-art{min-width:100%;min-height:100%;}

.stb-ms-viewer[data-material="canvas"] .stb-ms-object{filter:drop-shadow(20px 28px 18px #0005);}
.stb-ms-viewer[data-material="canvas"] .stb-ms-face{box-shadow:0 3px 10px #0000001e;}

.stb-ms-wrap-art{background-image:var(--stb-ms-image);}
.stb-ms-viewer[data-material="canvas"] .stb-ms-object{filter:drop-shadow(22px 30px 22px #0005);}
.stb-ms-viewer[data-material="canvas"] .stb-ms-face{box-shadow:0 5px 16px #00000022;}

/* v1.7: preserve 3D: filter/drop-shadow on the parent would flatten all its children. */
.single-product .stb-ms-gallery .stb-ms-object,
.stb-ms-viewer[data-material="canvas"] .stb-ms-object{filter:none!important;transform-style:preserve-3d!important;overflow:visible!important;}
.stb-ms-stage::before{content:"";position:absolute;width:56%;height:10%;background:#0005;filter:blur(22px);border-radius:50%;left:23%;bottom:8%;pointer-events:none;}
/* Depth must be inherited from the viewer, where JS sets it per variation. */
.stb-ms-viewer .stb-ms-back{transform:translateZ(calc(var(--stb-ms-depth) / -2));background:#b8a49a;}
.stb-ms-viewer .stb-ms-face{transform:translateZ(calc(var(--stb-ms-depth) / 2));backface-visibility:hidden;box-shadow:0 1px 6px #0005;}
.stb-ms-viewer .stb-ms-side,.stb-ms-viewer .stb-ms-side-left,.stb-ms-viewer .stb-ms-top,.stb-ms-viewer .stb-ms-bottom{
  position:absolute!important;box-sizing:border-box;backface-visibility:visible;overflow:hidden;
  background-repeat:no-repeat!important;background-size:100% 100%!important;
  border:1px solid #0003;
  box-shadow:inset 0 0 8px #0005;
}
.stb-ms-viewer .stb-ms-side{
  top:0!important;left:100%!important;right:auto!important;width:var(--stb-ms-depth)!important;height:100%!important;
  transform-origin:left center!important;
  transform:translateZ(calc(var(--stb-ms-depth) / 2)) rotateY(90deg)!important;
}
.stb-ms-viewer .stb-ms-side-left{
  top:0!important;right:100%!important;left:auto!important;width:var(--stb-ms-depth)!important;height:100%!important;
  transform-origin:right center!important;
  transform:translateZ(calc(var(--stb-ms-depth) / 2)) rotateY(-90deg)!important;
}
.stb-ms-viewer .stb-ms-top{
  top:0!important;bottom:auto!important;left:0!important;width:100%!important;height:var(--stb-ms-depth)!important;
  transform-origin:center top!important;
  transform:translateZ(calc(var(--stb-ms-depth) / 2)) rotateX(-90deg)!important;
}
.stb-ms-viewer .stb-ms-bottom{
  top:auto!important;bottom:0!important;left:0!important;width:100%!important;height:var(--stb-ms-depth)!important;
  transform-origin:center bottom!important;
  transform:translateZ(calc(var(--stb-ms-depth) / 2)) rotateX(90deg)!important;
}
.stb-ms-viewer[data-material="canvas"] .stb-ms-side{filter:brightness(.77)}
.stb-ms-viewer[data-material="canvas"] .stb-ms-side-left{filter:brightness(.8)}
.stb-ms-viewer[data-material="canvas"] .stb-ms-top{filter:brightness(.9)}
.stb-ms-viewer[data-material="canvas"] .stb-ms-bottom{filter:brightness(.63)}
.stb-ms-viewer[data-material="canvas"] .stb-ms-object{transform-style:preserve-3d!important;}

/* v1.8.0 — material-specific 3D thickness and edge finishes. */
.single-product .stb-ms-gallery .stb-ms-object{--stb-ms-depth:inherit;}
.stb-ms-viewer[data-material="metal"] .stb-ms-side,
.stb-ms-viewer[data-material="metal"] .stb-ms-side-left{
 background-image:linear-gradient(90deg,#5b6269,#e4e8ec 55%,#59626b)!important;
 box-shadow:inset 0 0 1px #fff8!important;
 filter:none!important;
}
.stb-ms-viewer[data-material="metal"] .stb-ms-top,
.stb-ms-viewer[data-material="metal"] .stb-ms-bottom{
 background-image:linear-gradient(#e2e8ed,#77828c)!important;
 box-shadow:none!important;
 filter:none!important;
}
.stb-ms-viewer[data-material="paper"] .stb-ms-side,
.stb-ms-viewer[data-material="paper"] .stb-ms-side-left,
.stb-ms-viewer[data-material="paper"] .stb-ms-top,
.stb-ms-viewer[data-material="paper"] .stb-ms-bottom{
 background-image:none!important;
 background-color:#e9e4dc!important;
 border:0!important;
 box-shadow:none!important;
 filter:none!important;
}
.stb-ms-viewer[data-material="paper"] .stb-ms-face{
 border:1px solid #eee9e1!important;
 box-shadow:0 1px 2px #0002!important;
}

/* v1.8.1 — framed canvas should show frame depth, not artwork, on the sides. */
.stb-ms-viewer[data-material="canvas"][data-frame]:not([data-frame="none"]) .stb-ms-side,
.stb-ms-viewer[data-material="canvas"][data-frame]:not([data-frame="none"]) .stb-ms-side-left{
  background-image:linear-gradient(90deg,var(--stb-ms-frame-dark,#111),var(--stb-ms-frame-light,var(--stb-ms-frame,#333)) 45%,var(--stb-ms-frame,#222) 72%,var(--stb-ms-frame-dark,#111))!important;
  background-color:var(--stb-ms-frame,#222)!important;
  box-shadow:inset 0 0 0 1px #ffffff18,inset 0 0 10px #0005!important;
  border-color:#00000040!important;
  filter:none!important;
}
.stb-ms-viewer[data-material="canvas"][data-frame]:not([data-frame="none"]) .stb-ms-top,
.stb-ms-viewer[data-material="canvas"][data-frame]:not([data-frame="none"]) .stb-ms-bottom{
  background-image:linear-gradient(var(--stb-ms-frame-light,var(--stb-ms-frame,#333)),var(--stb-ms-frame,#222) 60%,var(--stb-ms-frame-dark,#111))!important;
  background-color:var(--stb-ms-frame,#222)!important;
  box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 8px #0004!important;
  border-color:#00000038!important;
  filter:none!important;
}
.stb-ms-viewer[data-material="canvas"][data-frame]:not([data-frame="none"]) .stb-ms-back{
  background-image:linear-gradient(135deg,var(--stb-ms-frame-light,var(--stb-ms-frame,#333)),var(--stb-ms-frame,#222) 55%,var(--stb-ms-frame-dark,#111))!important;
  background-color:var(--stb-ms-frame,#222)!important;
}
.stb-ms-viewer[data-material="canvas"][data-frame]:not([data-frame="none"]) .stb-ms-face{
  box-shadow:inset 0 0 0 1px #ffffff10, inset 0 0 3px 2px #0006, 0 0 2px #0007!important;
}

/* 1.9.0 shop/catalogue material-hover — deliberately isolated from the single product gallery. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .stb-ms-hover-anchor{position:relative!important;display:block;isolation:isolate;}
 .stb-ms-hover-anchor>.stb-ms-hover-view{position:absolute!important;top:var(--stb-hover-top,0px)!important;left:var(--stb-hover-left,0px)!important;right:auto!important;bottom:auto!important;width:var(--stb-hover-width,100%)!important;height:var(--stb-hover-height,100%)!important;min-height:0!important;display:flex!important;opacity:0;visibility:hidden;pointer-events:none;transform:none!important;z-index:2!important;transition:opacity .28s ease,visibility .28s ease;background:radial-gradient(ellipse at 50% 35%,#dedbdd,#c8c5cb);overflow:hidden;}
 .stb-ms-hover-anchor:hover>.stb-ms-hover-view,.stb-ms-hover-anchor:focus-visible>.stb-ms-hover-view{opacity:1;visibility:visible;}
 .stb-ms-hover-view .stb-ms-stage{height:100%;min-height:0;perspective:750px;}
 .stb-ms-hover-view .stb-ms-object{width:auto!important;height:auto!important;aspect-ratio:2/3;max-width:70%!important;max-height:75%!important;min-width:0!important;min-height:0!important;transform:rotateX(-8deg) rotateY(-23deg)!important;filter:none!important;transform-style:preserve-3d!important;overflow:visible!important;transition:transform .55s ease;}
 .stb-ms-hover-anchor:hover .stb-ms-object{transform:rotateX(-7deg) rotateY(-17deg)!important;}
 .stb-ms-hover-view .stb-ms-face{transform:translateZ(calc(var(--stb-ms-depth) / 2));backface-visibility:hidden;}
 .stb-ms-hover-view .stb-ms-side,.stb-ms-hover-view .stb-ms-side-left,.stb-ms-hover-view .stb-ms-top,.stb-ms-hover-view .stb-ms-bottom{filter:none!important;}
 .stb-ms-hover-view[data-material="canvas"] .stb-ms-side,.stb-ms-hover-view[data-material="canvas"] .stb-ms-side-left{background-image:linear-gradient(90deg,#b8ada5,#766762)!important;}
 .stb-ms-hover-view[data-material="canvas"] .stb-ms-top,.stb-ms-hover-view[data-material="canvas"] .stb-ms-bottom{background-image:linear-gradient(#a79a92,#685b55)!important;}
 .stb-ms-hover-view[data-material="metal"] .stb-ms-side,.stb-ms-hover-view[data-material="metal"] .stb-ms-side-left{background-image:linear-gradient(90deg,#67707a,#e6ebf1,#636b76)!important;}
 .stb-ms-hover-view[data-material="metal"] .stb-ms-top,.stb-ms-hover-view[data-material="metal"] .stb-ms-bottom{background-image:linear-gradient(#e4e8ed,#6c7680)!important;}
 .stb-ms-hover-view .stb-ms-art{background-size:100% 100%!important;}
 .stb-ms-hover-view .stb-ms-hover-label{position:absolute;left:9px;right:9px;bottom:9px;text-align:center;display:block;font:600 10px/1.3 system-ui,sans-serif;letter-spacing:.06em;color:#362b34;text-transform:uppercase;}
 .stb-ms-hover-view .stb-ms-stage::before{bottom:11%;width:57%;left:22%;height:8%;}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .stb-ms-hover-view .stb-ms-object{width:65%!important;height:auto!important;--stb-ms-depth:inherit!important;}
}
