/* Product-only foil reflection and an opt-in 3D packaging preview. */
.rainbow-vial{isolation:isolate}.rainbow-vial>img{position:relative;z-index:0}.rainbow-vial .exact-label{z-index:3}
.rainbow-vial .foil-reflection{position:absolute;pointer-events:none;z-index:1;left:29.7%;top:40.6%;width:40.4%;height:32.1%;border-radius:1.8%;overflow:hidden;opacity:var(--foil-strength,.15);background:linear-gradient(var(--foil-angle,118deg),transparent 23%,rgba(255,255,255,.02) 38%,rgba(255,255,255,.92) 48%,rgba(224,243,255,.12) 55%,transparent 66%);background-size:260% 240%;background-position:calc(var(--foil-x,.5)*100%) calc(var(--foil-y,.5)*100%);mix-blend-mode:screen;filter:blur(.2px)}
.rainbow-vial .foil-reflection:after{content:"";position:absolute;inset:0;background:linear-gradient(106deg,rgba(88,208,255,.0),rgba(253,203,255,.16) 32%,rgba(255,247,174,.17) 47%,rgba(113,255,221,.07) 61%,transparent 76%);background-size:210% 180%;background-position:calc((1 - var(--foil-x,.5))*100%) 50%;mix-blend-mode:color-dodge}
.pe-mode-switch{display:flex;gap:0;margin:0 0 12px;border:1px solid #bdbdb7;width:max-content;max-width:100%;background:#fafaf8}.pe-mode-switch button{border:0;background:transparent;color:#4d4d49;font:500 11px/1.5 'DM Sans',Arial,sans-serif;padding:10px 17px;min-height:40px;cursor:pointer}.pe-mode-switch button+button{border-left:1px solid #bdbdb7}.pe-mode-switch button[aria-pressed="true"]{background:#171717;color:#fff}.pe-mode-switch button:disabled{cursor:default;opacity:.55}.pe-mode-switch button:focus-visible,.pe-controls button:focus-visible,.pe-viewport:focus-visible{outline:3px solid #777;outline-offset:4px}.pe-viewer[hidden],.pe-mode-switch[hidden],.detail-photo[hidden]{display:none!important}
.pe-viewer{border:1px solid #d7d7d0;background:#e4e4e1}.pe-viewport{position:relative;min-height:460px;aspect-ratio:1/.99;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:hidden;outline-offset:-4px}.pe-viewport.is-dragging{cursor:grabbing}.pe-viewport canvas{display:block;width:100%;height:100%;touch-action:pan-y}.pe-load-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:12px/1.6 'DM Sans',Arial,sans-serif;color:#555;pointer-events:none;padding:24px;text-align:center}.pe-load-state[hidden]{display:none}.pe-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#f4f4ef;border-top:1px solid #d7d7d0}.pe-controls button{font:11px/1.5 'DM Sans',Arial,sans-serif;color:#111;background:transparent;border:1px solid #c2c2ba;padding:7px 11px;min-height:34px;cursor:pointer}.pe-angle{min-width:38px;text-align:center;font:10px/1.5 'DM Sans',Arial,sans-serif;color:#777}.pe-guidance{font:10px/1.75 'DM Sans',Arial,sans-serif;color:#666;margin:11px 0 0}.pe-fallback{font:11px/1.7 'DM Sans',Arial,sans-serif;color:#666;margin:10px 0}.pe-live-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:640px){.pe-mode-switch{margin-top:0}.pe-viewport{min-height:380px;aspect-ratio:1/1.12}.pe-mode-switch button{font-size:11px;padding:9px 15px}.pe-controls{gap:9px;padding:10px}.pe-controls button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.rainbow-vial .foil-reflection{display:none!important}}

.staircase-vial .foil-reflection{left:31.5%;top:40.6%;width:37%;height:34.6%}