.recent-order-popup[hidden] { display: none !important; }
.recent-order-popup { position: fixed; left: max(12px, env(safe-area-inset-left)); bottom: calc(92px + env(safe-area-inset-bottom)); z-index: 18; box-sizing: border-box; width: 340px; max-width: calc(100vw - 96px); display: flex; align-items: center; gap: 10px; padding: 12px 30px 12px 12px; border: 1px solid #f4d8e3; border-radius: 15px; background: #fff; color: #5c3b46; box-shadow: 0 5px 24px #5c3b4620; font: 12px/1.4 Arial, sans-serif; text-align: left; }
.recent-order-popup__image { flex: 0 0 48px; width: 48px; height: 48px; object-fit: cover; border-radius: 9px; }
.recent-order-popup__copy { min-width: 0; overflow-wrap: anywhere; }
.recent-order-popup__copy p { margin: 0; }
.recent-order-popup__product { color: #c52066; font-weight: 700; margin: 2px 0 !important; }
.recent-order-popup__meta { color: #767076; font-size: 11px; }
.recent-order-popup__close { position: absolute; top: 0; right: 0; width: 32px; height: 36px; border: 0; border-radius: 0 14px 0 0; background: transparent; color: #78656e; font: 24px/1 Arial, sans-serif; cursor: pointer; }
.recent-order-popup__close:focus-visible { outline: 2px solid #e83078; outline-offset: -3px; }
@media (max-width: 360px) { .recent-order-popup { gap: 7px; padding-left: 8px; font-size: 11px; } .recent-order-popup__image { width: 38px; height: 38px; flex-basis: 38px; } }