/* Only the owned vector asset is styled here. Layout remains native Elementor. */
.dibasan-packaging-svg{display:block;width:100%;height:auto;max-height:380px;margin-inline:auto}
.dibasan-packaging-svg [data-db-part]{transform-box:fill-box;transform-origin:center}
@media(max-width:767px){.dibasan-packaging-svg{max-height:280px}}
@media(prefers-reduced-motion:reduce){.dibasan-packaging-svg [data-db-part]{transform:none!important}}

.dibasan-motion-scene .dibasan-motion-replay{display:none!important}

/* Independent components; CSS is the complete branded static fallback. */
.dibasan-pouch-assembly{max-height:420px;direction:ltr}
.dibasan-pouch-assembly [data-db-actor]{transform-origin:550px 310px}
.dibasan-pouch-assembly [data-db-actor="product"]{transform:translateX(-170px)}
.dibasan-pouch-assembly [data-db-actor="shadow"]{opacity:.35;transform:translateX(-170px)}
.dibasan-pouch-assembly [data-db-actor="outside"]{transform-origin:70px 480px}
.dibasan-pouch-assembly [data-db-actor="inside"]{transform-origin:550px 490px;opacity:0}
.dibasan-pouch-assembly [data-db-actor="bag-full"]{opacity:1}
.dibasan-pouch-assembly [data-db-actor="rear"],.dibasan-pouch-assembly [data-db-actor="left-side"],.dibasan-pouch-assembly [data-db-actor="right-side"],.dibasan-pouch-assembly [data-db-actor="front"],.dibasan-pouch-assembly [data-db-actor="closure"],.dibasan-pouch-assembly [data-db-actor="outside"],.dibasan-pouch-assembly [data-db-actor="pour"]{opacity:0}
.dibasan-pouch-assembly .db-pouch-particle{opacity:0;transform-box:fill-box;transform-origin:center}
@media(max-width:767px){.dibasan-pouch-assembly{max-height:320px}}

/* An empty pack is the initial state, even while assets load. */
.dibasan-pouch-assembly[data-db-motion-state="finished"] [data-db-actor="inside"]{opacity:1}

.dibasan-pouch-assembly [data-db-actor="guides"]{opacity:0}