/* Supplied packaging views: native horizontal scrolling, no autoplay or 3D redraw. */
.rr-pack-viewer { width:100%; min-width:0; position:relative; color:var(--navy,#0c1647); }
.rr-pack-viewer .screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.rr-pack-track { display:flex; width:100%; min-width:0; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; border-radius:20px; -webkit-overflow-scrolling:touch; }
.rr-pack-track::-webkit-scrollbar { display:none; }
.rr-pack-track:focus-visible { outline:2px solid #a78030; outline-offset:3px; }
.rr-pack-slide { position:relative; isolation:isolate; flex:0 0 100%; width:100%; min-width:0; margin:0; padding:0; aspect-ratio:3/2; scroll-snap-align:start; scroll-snap-stop:always; }
.rr-pack-art { position:relative; z-index:1; width:100%; height:100%; filter:drop-shadow(0 9px 7px rgb(57 39 22 / .13)); }
.rr-pack-art img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; user-select:none; -webkit-user-drag:none; }
.rr-pack-ground { position:absolute; z-index:0; left:8%; right:8%; bottom:5.8%; height:7.5%; background:radial-gradient(ellipse at center,rgb(61 43 22 / .19),rgb(61 43 22 / .075) 42%,transparent 71%); pointer-events:none; }
.rr-pack-controls { display:flex; align-items:center; justify-content:center; gap:6px; margin:14px auto 0; }
.rr-pack-controls[hidden] { display:none; }
.rr-pack-switch { display:flex; gap:0; padding:0; border:0; border-radius:99px; background:transparent; }
.rr-pack-switch button,.rr-pack-arrow { appearance:none; display:inline-flex; align-items:center; justify-content:center; border:0; font:600 12px/1.2 var(--body-font,'Poppins',sans-serif); color:inherit; background:transparent; cursor:pointer; min-height:44px; min-width:44px; padding:0 12px; position:relative; isolation:isolate; border-radius:99px; transition:background-color .15s ease,color .15s ease; }
.rr-pack-switch button { min-width:60px; }
.rr-pack-switch button::before,.rr-pack-arrow::before { content:""; position:absolute; inset:6px 2px; z-index:-1; border-radius:99px; background:transparent; transition:background-color .15s ease; }
.rr-pack-switch button[aria-pressed="true"] { color:#f8f6ef; }
.rr-pack-switch button[aria-pressed="true"]::before { background:#0c1647; }
.rr-pack-switch button:not([aria-pressed="true"]):hover::before,.rr-pack-arrow:not(:disabled):hover::before { background:#e9e4d5; }
.rr-pack-arrow { padding:0; border:0; flex:none; }
.rr-pack-arrow::before { inset:7px; border:1px solid #c8b986; }
.rr-pack-arrow svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.rr-pack-arrow:disabled { opacity:.28; cursor:default; }
.rr-pack-controls button:focus-visible { outline:2px solid #a78030; outline-offset:4px; }
.rr-pack-viewer .rr-pack-hint { margin:4px 0 2px; text-align:center; font:400 11px/1.5 var(--body-font,'Poppins',sans-serif); color:#5c6276; }
.rr-pack-track.is-dragging { cursor:grabbing; scroll-snap-type:none; }
.product-dialog .product-visual:has(.rr-pack-viewer) { min-height:0; display:block; overflow:visible; }
@media(min-width:701px) { .rr-pack-track { cursor:grab; } }
@media(max-width:700px) { .rr-pack-controls { gap:6px; margin-top:8px; } .rr-pack-art { filter:drop-shadow(0 5px 4px rgb(57 39 22 / .13)); } }
@media(prefers-reduced-motion:reduce) { .rr-pack-controls button,.rr-pack-controls button::before { transition:none; } .rr-pack-track { scroll-behavior:auto; } }

/* The Ikan Bilis photograph retains its complete original backdrop. */
.rr-pack-with-backdrop .rr-pack-art { filter:none; }