.purchase-notification{position:fixed;z-index:40;top:16px;left:16px;width:330px;max-width:calc(100vw - 32px);box-sizing:border-box;margin:0;border:1px solid #dedfd4;border-radius:14px;background:#fffef9;box-shadow:0 10px 32px #20251c16,0 2px 5px #20251c08;color:#252b20;font:12px/1.4 Arial,Helvetica,sans-serif;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease;isolation:isolate}
.purchase-notification[hidden]{display:none}
.purchase-notification.is-visible{opacity:1;transform:translateY(0)}
.purchase-notification .purchase-notification-link{display:flex;align-items:stretch;gap:12px;padding:12px;color:inherit;text-decoration:none;border-radius:inherit}
.purchase-notification .purchase-notification-link:focus-visible{outline:2px solid #5c6b47;outline-offset:3px}
.purchase-notification .purchase-notification-image{display:block;flex:none;width:76px;height:96px;object-fit:cover;border:1px solid #e8e6da;border-radius:9px;background:#f0eee4}
.purchase-notification .purchase-notification-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:2px 0 0}
.purchase-notification .purchase-notification-title{display:block;margin:0 20px 3px 0;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:-.35px;color:#263321}
.purchase-notification .purchase-notification-product{margin:0;font-size:11px;font-weight:400;line-height:1.45;color:#606652}
.purchase-notification .purchase-notification-person{display:flex;align-items:baseline;gap:5px;min-width:0;margin:11px 0 0;font-size:10px;line-height:1.4;color:#7a7d70;white-space:nowrap}
.purchase-notification .purchase-notification-person strong{flex:none;max-width:80px;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#4b5341}
.purchase-notification .purchase-notification-person span{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.purchase-notification .purchase-notification-person span:before{content:"·";padding-right:5px;color:#a4a78e}
.purchase-notification .purchase-notification-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:8px;border-top:1px solid #eeede5}
.purchase-notification .purchase-notification-time{display:inline-flex;flex:none;align-items:center;gap:4px;font-size:10px;font-weight:400;line-height:1.3;color:#737b65;white-space:nowrap}
.purchase-notification .purchase-notification-time svg{display:block;flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.purchase-notification .purchase-notification-demo{display:block;font-size:9px;font-weight:400;line-height:1.3;letter-spacing:.1px;color:#737968;white-space:nowrap}
.purchase-notification .purchase-notification-close{position:absolute;z-index:1;right:5px;top:5px;display:grid;place-items:center;width:26px;height:26px;padding:7px;border:0;border-radius:50%;background:transparent;color:#939888;cursor:pointer}
.purchase-notification .purchase-notification-close:hover{background:#f0f1e8;color:#4c5a3f}
.purchase-notification .purchase-notification-close:focus-visible{outline:2px solid #5c6b47;outline-offset:1px}
.purchase-notification .purchase-notification-close svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.purchase-notification{top:10px;left:10px;width:320px;max-width:calc(100vw - 20px)}.purchase-notification .purchase-notification-link{padding:11px;gap:11px}.purchase-notification .purchase-notification-image{width:72px;height:94px}.purchase-notification .purchase-notification-title{font-size:15px}.purchase-notification .purchase-notification-person{margin-top:10px}}
@media(max-width:340px){.purchase-notification .purchase-notification-image{width:62px}.purchase-notification .purchase-notification-link{gap:9px;padding:10px}.purchase-notification .purchase-notification-title{font-size:14px}.purchase-notification .purchase-notification-product{font-size:10px}.purchase-notification .purchase-notification-person{font-size:9px}}
@media(prefers-reduced-motion:reduce){.purchase-notification{transition:none;transform:none}}
@media print{.purchase-notification{display:none!important}}