/* Quiet store information enters only after the approved flight has ended. */
.arrival-note{position:absolute;z-index:1;left:6vw;bottom:max(40px,env(safe-area-inset-bottom));width:min(320px,calc(100% - 48px));color:#fff6e8;pointer-events:none;opacity:0;transform:translateY(10px);text-shadow:0 1px 2px #0009;transition:opacity 1000ms ease,transform 1000ms ease}
.arrival-note h2{font:400 26px/1.12 Georgia,serif;letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance}
.arrival-note p{font:400 14px/1.55 Arial,sans-serif;margin:0;max-width:36ch;color:#f0eee8;text-wrap:pretty}
.store-arrived .arrival-note{opacity:1;transform:translateY(0);transition-delay:800ms}
.store-arrived .arrival-note.is-scrolled{opacity:0;transform:translateY(-3px);transition-delay:0ms}
@media(max-width:700px){.arrival-note{left:22px;bottom:max(30px,env(safe-area-inset-bottom))}.arrival-note h2{font-size:24px}.arrival-note p{font-size:13px}}
@media(max-height:560px) and (min-width:600px){.arrival-note{left:4vw;bottom:24px;width:300px}.arrival-note h2{font-size:23px;margin-bottom:7px}.arrival-note p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.arrival-note,.store-arrived .arrival-note,.store-arrived .arrival-note.is-scrolled{transition:none;transform:none}}
/* GSAP owns only this note; CSS above remains a no-library fallback. */
.arrival-note.motion-managed{transition:none!important}