/* Shared layered artwork. Counters are decorative, never product data. */
.ref-art{display:block;width:100%;height:100%;overflow:visible}
.ref-xros-fill{transform:translateY(calc(var(--art-progress,0)*-42px));transition:transform .26s ease-out}
.ref-vmate-fill{transform:translateY(calc(var(--art-progress,0)*-25px));transition:transform .26s ease-out}
.ref-screen{filter:drop-shadow(0 0 calc(1px + var(--art-progress,0)*4px) #64e5ee80)}
.ref-screen-wave{opacity:calc(.35 + var(--art-progress,0)*.65);stroke-dasharray:27;stroke-dashoffset:calc(var(--art-progress,0)*-18);transition:stroke-dashoffset .22s}
.ref-prime-side-device{transform:none}
.ref-prime-photo{transform-origin:153px 229px;transform:translateY(calc(var(--art-progress,0)*-3px)) rotate(calc(var(--art-progress,0)*-1deg));transition:transform .4s ease-out;filter:drop-shadow(1px 5px 3px #263e4722)}
.ref-prime-photo-image{transition:filter .3s ease-out}
.catalog-tile:where(:not([data-category])):hover .ref-prime-photo-image,.catalog-tile:where([data-category]).category-motion-active .ref-prime-photo-image,.card:hover .ref-prime-photo-image{filter:brightness(1.035)}
.ref-prime-turn-viewport{filter:drop-shadow(1px 5px 3px #263e4722)}
svg.ref-prime-turn-frame{visibility:hidden;pointer-events:none;x:99px;y:9px;width:109px;height:229px;overflow:hidden!important}
.category-scene[data-plonq-ready="true"] .ref-prime-turn-frame{visibility:visible}
.category-scene[data-plonq-ready="true"] .ref-prime-photo{visibility:hidden}
.motion-off .category-scene .ref-prime-turn-frame{visibility:hidden!important}
.motion-off .category-scene .ref-prime-photo{visibility:visible!important}
@media(prefers-reduced-motion:reduce){.category-scene .ref-prime-turn-frame{visibility:hidden!important}.category-scene .ref-prime-photo{visibility:visible!important}}
.ref-prime-edge-shine{opacity:calc(.2 + var(--art-progress,0)*.45);transition:opacity .3s}
/* Packaging is a separate stationary layer; only the original device moves. */
.ref-prime-box{transform:none;transition:none}
.catalog-tile-art>.catalog-static-object{position:absolute;inset:auto 0;pointer-events:none;transform:none!important}
.catalog-static-object .category-scene{filter:drop-shadow(0 10px 6px #24473522)}
.ref-stels-lid{transform-origin:195px 165px;transform:translate(calc(var(--art-progress,0)*-22px),calc(var(--art-progress,0)*-52px)) rotate(calc(var(--art-progress,0)*-3deg));transition:transform .4s ease-out}
.ref-stels-base{transform:translateY(calc(var(--art-progress,0)*-3px));transition:transform .35s ease-out}
.ref-hookah-lift{transform-origin:433px 150px;transform:translate(calc(var(--art-progress,0)*-5px),calc(var(--art-progress,0)*-31px)) rotate(calc(var(--art-progress,0)*-3deg));transition:transform .36s ease-out}
.ref-hookah-lid{transform-origin:405px 115px;transform:translate(calc(var(--art-progress,0)*-8px),calc(var(--art-progress,0)*-9px)) rotate(calc(var(--art-progress,0)*-4deg));transition:transform .36s ease-out}
.ref-hookah-bubble{transform:translateY(calc(var(--art-progress,0)*-16px));transition:transform .4s ease-out}
.ref-hookah-bubble.two{transform:translateY(calc(var(--art-progress,0)*-11px))}
.ref-hookah-bubble.three{transform:translateY(calc(var(--art-progress,0)*-19px))}
.ref-hookah-warm{opacity:calc(.22 + var(--art-progress,0)*.6);transition:opacity .3s ease-out}
.ref-hookah-sparks{opacity:var(--art-progress,0);transform:translate(calc(var(--art-progress,0)*7px),calc(var(--art-progress,0)*-6px));transition:transform .3s ease-out,opacity .3s ease-out}
.category-html-scene .pipe-v2{position:absolute;right:12px;bottom:40px;width:177px;height:119px;transform:rotate(calc(var(--art-progress,0)*-3deg))}
.category-html-scene .pipe-bowl{position:absolute;left:8px;top:36px;width:69px;height:77px;border:5px solid #61382b;border-radius:9px 9px 40px 40px;background:linear-gradient(105deg,#5d3326,#c08657 43%,#723e2c);box-shadow:inset 5px 0 7px #fff5}
.category-html-scene .pipe-rim{position:absolute;z-index:2;left:-7px;top:-12px;width:74px;height:24px;background:#2d221d;border:5px solid #7b4834;border-radius:50%}
.category-html-scene .pipe-fill{position:absolute;z-index:3;left:8px;top:-6px;width:44px;height:13px;border-radius:50%;background:radial-gradient(circle,#9b7651,#33241d);transform:translateY(calc(var(--art-progress,0)*-5px))}
.category-html-scene .pipe-shank{position:absolute;z-index:-1;left:58px;top:86px;width:91px;height:22px;background:linear-gradient(#a66c48,#5f3729);border:4px solid #633928;border-radius:0 13px 18px 0;transform:rotate(-16deg);transform-origin:0 50%}
.category-html-scene .pipe-bit{position:absolute;left:132px;top:55px;width:45px;height:52px;border-right:11px solid #272d2e;border-top:9px solid #292e30;border-radius:0 22px 0 0;transform:rotate(10deg)}
.category-html-scene .pipe-bit:after{content:"";position:absolute;right:-17px;top:-14px;width:19px;height:12px;border-radius:7px;background:#272d2e}
.category-html-scene .pipe-crumb{position:absolute;right:100px;top:34px;width:13px;height:9px;background:#94704b;border-radius:55% 0;transform:translate(calc(var(--art-progress,0)*-4px),calc(var(--art-progress,0)*42px)) rotate(30deg)}
.category-html-scene .pipe-crumb.two{right:119px;top:16px;width:9px;height:7px;transform:translate(calc(var(--art-progress,0)*16px),calc(var(--art-progress,0)*47px)) rotate(-30deg)}
.category-html-scene .pipe-bit{left:132px;top:62px;width:45px;height:12px;border:0;border-radius:0 10px 9px 0;background:linear-gradient(#3e3835,#1c2324);transform:rotate(-13deg)}
.category-html-scene .pipe-bit:after{right:-3px;top:-4px;width:12px;height:10px;border-radius:5px;background:#1c2222}
.category-html-scene .vliq-box{position:absolute;left:calc(50% - 111px);top:18px;width:112px;height:212px;transform:translateX(calc(var(--art-progress,0)*-4px)) rotate(calc(var(--art-progress,0)*-2deg));transform-origin:50% 90%}
.category-html-scene .vliq-box-front{position:absolute;inset:0 11px 0 0;border:1px solid #9da8a8;background:linear-gradient(100deg,#c3cece,#f0f2ed 55%,#b5bfc0);box-shadow:inset 0 1px 0 #fff;display:flex;flex-direction:column;align-items:flex-start;padding:14px 8px;color:#101519}
.category-html-scene .vliq-box-front:before{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 2px,#fff7 2px 3px)}
.category-html-scene .vliq-box-side{position:absolute;z-index:-1;left:101px;top:8px;width:30px;height:204px;transform:skewY(16deg);transform-origin:left top;background:linear-gradient(90deg,#c0c8c8,#7e8a8d);border:1px solid #93a0a2;display:grid;place-items:center}
.category-html-scene .vliq-box-side span{font-size:17px;color:#56616a;writing-mode:vertical-rl;letter-spacing:.08em;transform:rotate(180deg)}
.category-html-scene .vliq-box:before{content:"";position:absolute;z-index:1;top:0;left:0;width:131px;height:10px;background:linear-gradient(100deg,#f4f4ef,#acb5b8);clip-path:polygon(0 0,77% 0,100% 100%,23% 100%);transform:translateY(-8px)}
.category-html-scene .vliq-tasty{position:relative;z-index:1;display:inline-block;border:1px solid #303b40;border-radius:0 10px 10px 0;padding:4px 8px;font-size:8px;font-weight:900;letter-spacing:.04em;background:#e7ece65e}
.category-html-scene .vliq-box-mark{width:73px;height:63px;align-self:center;margin:8px 0 3px;fill:none;stroke:#a0acad;stroke-width:2.1;filter:drop-shadow(1px 1px 0 #fff)}
.category-html-scene .vliq-box-logo{font-size:29px;line-height:1.05;letter-spacing:-.075em;font-weight:600}
.category-html-scene .vliq-box-line{font-size:11px;letter-spacing:-.045em;white-space:nowrap;margin:4px 0 12px}
.category-html-scene .vliq-box-flavour{position:relative;z-index:1;width:93px;background:linear-gradient(100deg,#d784ec,#d987ed 67%,#9956bc);border:1px solid #ab6bc5;border-radius:11px 2px 2px 11px;padding:8px 6px;color:#171728}
.category-html-scene .vliq-box-flavour>b{font-size:9px;line-height:1.12;display:block}
.category-html-scene .vliq-box-flavour small{font-size:6px;line-height:1.2;display:block;margin-top:4px}
.category-html-scene .vliq-bottle{position:absolute;z-index:2;left:calc(50% + 45px);top:111px;width:86px;height:121px;transform:translateX(-50%);border:2px solid #303c43;border-radius:6px 6px 10px 10px;background:linear-gradient(90deg,#15232a,#b3c2c3 17%,#334348 55%,#111e24);box-shadow:inset 0 -6px 0 #17242a}
.category-html-scene .vliq-neck{position:absolute;z-index:-1;top:-13px;left:6px;right:6px;height:15px;background:linear-gradient(90deg,#5f6e73,#d6dfdc,#34434a);border:1px solid #506268;border-radius:3px}
.category-html-scene .vliq-label{position:absolute;inset:6px 1px 7px;background:linear-gradient(100deg,#a9b4b4,#f3f3ed 48%,#a0adae);border-radius:2px;color:#0e171b;display:flex;flex-direction:column;align-items:center;padding:7px 2px 4px;box-shadow:inset 2px 0 4px #fff4}
.category-html-scene .vliq-label>.vliq-tasty{font-size:5px;line-height:1;padding:3px 6px;border-radius:7px;margin-bottom:7px}
.category-html-scene .vliq-label>b{font-size:25px;line-height:1;letter-spacing:-.075em;font-weight:600}
.category-html-scene .vliq-label>span{font-size:9px;line-height:1.1;font-weight:850;letter-spacing:-.05em;margin-top:3px}
.category-html-scene .vliq-label>i{display:block;width:65px;margin-top:10px;padding:4px 4px 3px;background:linear-gradient(90deg,#d785eb,#b65dcd);border:1px solid #a164be;border-radius:7px;color:#1c1724;font-style:normal;box-shadow:inset 1px 1px 0 #f6caf7}
.category-html-scene .vliq-label>i>strong{display:block;font-size:6px;line-height:1.05}
.category-html-scene .vliq-label>i>small{display:block;font-size:4px;margin-top:3px}
.category-html-scene .vliq-cap{position:absolute;z-index:3;left:calc(50% + 45px);top:41px;width:88px;height:77px;border:2px solid #5e71773d;border-radius:31px 31px 5px 5px;background:linear-gradient(90deg,#faffff19,#faffff91 16%,#9eaeb439 33%,#15273163 67%,#f8ffff67 90%,#9daeb52e);box-shadow:inset 2px 1px 1px #fff9,inset -3px 0 3px #17384050,0 2px 1px #fff6;transform:translateX(-50%) translateY(calc(var(--art-progress,0)*-15px)) rotate(calc(var(--art-progress,0)*-4deg));transform-origin:50% 110%;transition:transform .25s ease-out}
.category-html-scene .vliq-cap-core{position:absolute;top:0;bottom:15px;left:45px;width:4px;background:linear-gradient(#26363b88,#15262b3d);border-radius:3px;box-shadow:-15px 0 0 2px #dce5e223}
.category-html-scene .vliq-cap-ribs{position:absolute;bottom:10px;left:-2px;right:-2px;height:16px;background:repeating-linear-gradient(0deg,#243d485c 0 1px,#e6f5f582 1px 3px,transparent 3px 5px);border-radius:2px}
.category-html-scene .vliq-cap-band{position:absolute;bottom:0;left:-3px;right:-3px;height:9px;background:linear-gradient(90deg,#929fa1,#e1e7e2 45%,#7b8a90);border:1px solid #4f606477;border-radius:3px;box-shadow:0 2px 0 #222e345c}
.category-html-scene .ref-rolling-machine{position:absolute;left:0;top:35px;width:205px;height:180px;overflow:visible;filter:drop-shadow(0 5px 3px #68543a1e)}
.ref-roll-paper{transform-origin:87px 39px;transform:translateY(calc(var(--art-progress,0)*16px)) scaleY(calc(1 - var(--art-progress,0)*.66));transition:transform .4s ease-out}
.ref-roll-tobacco{opacity:calc(1 - var(--art-progress,0)*.8);transition:opacity .35s}
.ref-roll-grooves{stroke-dasharray:10 3;stroke-dashoffset:calc(var(--art-progress,0)*-26);transition:stroke-dashoffset .35s}
.ref-rolled-paper{transform:translateY(calc(var(--art-progress,0)*-6px));filter:drop-shadow(0 2px 1px #67513945);transition:transform .4s ease-out}
.category-html-scene .stage-caption{position:absolute;bottom:13px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:11px;font-weight:900;color:#576b59;letter-spacing:.07em;text-transform:uppercase}
.category-html-scene{position:relative;isolation:isolate;width:390px;height:245px;box-sizing:border-box;font:16px/1.45 Inter,"Segoe UI",Arial,sans-serif;color:#17332a}
.category-html-scene *{box-sizing:border-box}
.category-html-scene.vliq-set{height:277px}
.category-html-scene .vliq-box{top:50px}
.category-html-scene .vliq-bottle{top:143px}
.category-html-scene .vliq-cap{top:73px;transform:translateX(-50%) translateY(calc(var(--art-progress,0)*-17px)) rotate(calc(var(--art-progress,0)*-4deg))}
.category-html-scene .divider{position:absolute;top:25px;bottom:25px;left:50%;border-left:1px solid #ffffffaa}
.motion-off .category-scene{--art-progress:0!important}
.motion-off .category-scene *{transition:none!important}
.motion-off .ref-prime-side-device,.off .ref-prime-side-device{transform:none!important}
@media(prefers-reduced-motion:reduce){.category-scene{--art-progress:0!important}.category-scene *{transition:none!important}.ref-screen{filter:none}.ref-hookah-sparks{opacity:0!important}}

.motion-off .ref-prime-photo,.off .ref-prime-photo{transform:none!important}
@media(prefers-reduced-motion:reduce){.ref-prime-photo{transform:none!important;transition:none!important}.ref-prime-photo-image{transition:none!important;filter:none!important}}