/* V16.5: static product styling on the transparent stage. No stage motion. */
.rr-static-product-stage { position:relative; isolation:isolate; display:grid; place-items:center; overflow:hidden; aspect-ratio:1.43; min-width:0; background:transparent; }
.rr-static-product-stage .jar-stage { z-index:3; width:65%; max-width:390px; height:100%; min-height:0; max-height:510px; margin:0; }
.rr-static-product-stage .jar-fallback { inset:11% auto auto 50%; width:auto; height:78%; max-width:100%; object-fit:contain; transform:translateX(-50%); }
[data-static-view] canvas,[data-static-view] .jar-fallback { pointer-events:none; user-select:none; -webkit-user-drag:none; }
.rr-static-product-stage canvas { filter:drop-shadow(5px 11px 7px #47271a30); }
.rr-cinema-sauce { position:absolute; z-index:1; width:96%; max-width:none; height:75%; object-fit:contain; bottom:0; left:2%; pointer-events:none; }
.rr-cinema-sauce-front { z-index:4; clip-path:inset(87% 0 0); }
.rr-cinema-ingredients { position:absolute; z-index:2; inset:0; pointer-events:none; }
.rr-floating { position:absolute; display:block; width:15%; max-width:105px; filter:drop-shadow(3px 6px 4px #531d1124); }
.rr-floating svg { display:block; width:100%; height:auto; overflow:hidden; }
.rr-floating-a { left:8%; top:26%; transform:rotate(-18deg); }
.rr-floating-b { right:7%; top:34%; transform:rotate(16deg); }
.rr-floating-c { left:15%; top:59%; width:6%; max-width:42px; transform:rotate(-45deg); }
.rr-detail-stage { min-width:0; overflow:hidden; background:transparent; }
.v15-sambal-row { scroll-margin-top:20px; }
.v15-sambal-row:nth-child(even)>.rr-detail-stage { order:2; }
@media(max-width:700px) {
 .rr-static-product-stage { aspect-ratio:1.12; }
 .rr-static-product-stage .jar-stage { width:70%; }
 .rr-cinema-sauce { width:106%; left:-3%; height:73%; }
 .v15-sambal-row:nth-child(even)>.rr-detail-stage { order:initial; }
 .rr-floating-a { left:5%; top:24%; }.rr-floating-b { right:4%; top:35%; }
 .rr-floating-c { left:10%; top:60%; width:7%; }
}