.order-notice{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:90;width:min(360px,calc(100vw - 40px));border:1px solid #efd7e7;border-radius:16px;background:#fffffffa;box-shadow:0 12px 40px #69416924;font-family:inherit;color:#32243e;animation:order-notice-in .25s ease-out}.order-notice[hidden]{display:none!important}.order-notice-link{display:flex;align-items:center;gap:12px;padding:16px 42px 16px 14px;color:inherit;text-decoration:none;min-height:100px}.order-notice-link img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#fbf1f8;flex:none}.order-notice-copy{display:grid;gap:4px;min-width:0}.order-notice-copy strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.order-notice-heading{font-size:10px;color:#b24b87;font-weight:700}.order-notice-category{font-size:12px;color:#87738d}.order-notice-copy time{font-size:11px;color:#96829c}.order-notice-close{position:absolute;right:2px;top:2px;width:44px;height:44px;background:none;border:0;font-size:24px;color:#8e7897;cursor:pointer}.order-notice a:focus-visible,.order-notice button:focus-visible{outline:2px solid #c65c9b;outline-offset:2px;border-radius:12px}.order-notice-preview{position:relative;left:auto;bottom:auto;max-width:100%;margin-top:16px}.order-notice-empty{font-size:13px;color:#88718d;margin-top:16px}@keyframes order-notice-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.order-notice{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:min(330px,calc(100vw - 24px))}.order-notice-preview{left:auto;bottom:auto}.order-notice-link{padding:12px 40px 12px 12px;gap:10px}.order-notice-link img{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){.order-notice{animation:none}}