.shop-scene{margin:14px 0 18px;border:1px solid #cbd8dd;border-radius:14px;overflow:hidden;background:#eef4f3}
.shop-scene .scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fff}
.shop-scene .scene-title{display:flex;align-items:center;gap:10px;font-size:13px;color:#53666d}.shop-scene .scene-title strong{color:#234b43;font-size:15px}
.shop-scene .scene-dot{width:8px;height:8px;border-radius:50%;background:#3b946a}
.shop-scene svg{display:block;width:100%;height:auto;max-height:330px}
.shop-scene .scene-footer{display:flex;justify-content:space-between;gap:16px;padding:9px 16px;background:#fff;font-size:13px;color:#4b6169;min-height:38px}
.shop-scene #sceneCaption{color:#234b43}.shop-scene .scene-sky{fill:#d5e9ea;transition:fill 1s}
.shop-evening .scene-sky{fill:#e7c5ad}.shop-closed .scene-sky{fill:#536c83}
.shop-scene .scene-lamp{fill:#fff2be}.shop-closed .scene-lamp{fill:#c1bda6}
.shop-scene .scene-person{transform-box:fill-box;transform-origin:center bottom}
.shop-scene .scene-customer{animation:scene-wait 3s ease-in-out infinite}
.shop-scene .customer-two{animation-delay:1.2s}
.shop-scene .scene-seller-shirt{fill:#d88850}.has-seller .scene-seller-shirt{fill:#3c8278}
.shop-scene .scene-picker .scene-person,.shop-scene .scene-receiver{opacity:0}.has-picker .scene-picker .scene-person,.has-receiver .scene-receiver{opacity:1}
.shop-scene .scene-delivery-boxes{opacity:0}.has-delivery .scene-delivery-boxes{opacity:1}
.shop-scene .scene-van,.shop-scene .scene-parcel,.shop-scene .sale-bag{opacity:0}
.shop-scene .extra-stock{opacity:.65}.stock-low .extra-stock{opacity:.12}
.shop-scene .scene-upgrade{opacity:0}.shop-upgraded .scene-upgrade{opacity:1}
.shop-closed .scene-person,.shop-closed .scene-customer{opacity:0}
.shop-scene[data-effect="sale"] .customer-one{animation:scene-buy 4s ease-in-out both}
.shop-scene[data-effect="sale"] .customer-one .sale-bag{animation:scene-bag 4s both}
.shop-scene[data-effect="sale"] .scene-register{animation:scene-register .7s ease-in-out 5}
.shop-scene[data-effect="delivery"] .scene-van{animation:scene-deliver 4s ease-in-out both}
.shop-scene[data-effect="receive"] .scene-parcel{animation:scene-stock 4s ease-in-out both}
.shop-scene[data-effect="pick"] .scene-monitor{animation:scene-register .7s ease-in-out 5}
.shop-scene .night-overlay{opacity:0;pointer-events:none;fill:#152b45}
.shop-scene[data-effect="day"] .night-overlay{animation:scene-night 4s ease-in-out both}
.shop-scene.scene-hidden *{animation-play-state:paused!important}
.shop-scene.motion-off *{animation:none!important;transition:none!important}
@keyframes scene-wait{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes scene-buy{0%{transform:translateX(0)}35%,55%{transform:translateX(100px)}100%{transform:translateX(-210px);opacity:0}}
@keyframes scene-bag{0%,40%{opacity:0}45%,90%{opacity:1}100%{opacity:0}}
@keyframes scene-deliver{0%{opacity:0;transform:translateX(240px)}20%,75%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-150px)}}
@keyframes scene-stock{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}80%{opacity:1;transform:translate(-80px,-70px)}100%{opacity:0;transform:translate(-80px,-70px)}}
@keyframes scene-register{50%{fill:#b8f6b5}}
@keyframes scene-night{0%,100%{opacity:0}40%,60%{opacity:.7}}
@media(prefers-reduced-motion:reduce){.shop-scene *{animation:none!important;transition:none!important}}
@media(max-width:600px){.shop-scene .scene-toolbar{padding:9px 10px;align-items:flex-start}.shop-scene .scene-title{display:grid;gap:2px}.shop-scene .scene-dot{display:none}.shop-scene .scene-footer{display:block;padding:8px 10px;font-size:12px}.shop-scene #sceneTeam{display:block;margin-top:3px}.shop-scene .quiet{font-size:12px;padding:7px 8px}.shop-scene svg{min-height:180px}}

.scene-return{color:var(--ink);text-decoration:none;display:inline-block}.shop-scene{scroll-margin-top:12px}.shop-scene.scene-offscreen *{animation-play-state:paused!important}