.sales-notification-wrapper{position:fixed;z-index:9999;pointer-events:none}.sales-notification-wrapper.bottom-left{bottom:20px;left:20px}.sales-notification-wrapper.bottom-right{bottom:20px;right:20px}.sales-notification-wrapper.top-left{top:80px;left:20px}.sales-notification-wrapper.top-right{top:80px;right:20px}.sales-notification{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid #f0f0f0;max-width:320px;pointer-events:auto;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;cursor:pointer}.sales-notification.is-visible{opacity:1;transform:translateY(0)}.sales-notification:hover{box-shadow:0 6px 24px #0003}.sales-notification__image{flex-shrink:0;width:50px;height:50px;border-radius:8px;overflow:hidden;background:#f5f5f5}.sales-notification__image img{width:100%;height:100%;object-fit:cover}.sales-notification__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999}.sales-notification__content{flex:1;min-width:0}.sales-notification__text{font-size:12px;color:#666;margin:0 0 4px;line-height:1.4}.sales-notification__location{font-weight:600;color:#333}.sales-notification__product{font-size:13px;font-weight:600;color:#000;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-notification__product:hover{text-decoration:underline}.sales-notification__close{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:transparent;cursor:pointer;opacity:.5;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.sales-notification__close:hover{opacity:1}.sales-notification__close svg{width:14px;height:14px}@media screen and (max-width:480px){.sales-notification{max-width:calc(100vw - 40px)}.sales-notification-wrapper.bottom-left,.sales-notification-wrapper.bottom-right,.sales-notification-wrapper.top-left,.sales-notification-wrapper.top-right{left:10px;right:10px}.sales-notification-wrapper.bottom-left,.sales-notification-wrapper.bottom-right{bottom:10px}.sales-notification-wrapper.bottom-left .sales-notification,.sales-notification-wrapper.bottom-right .sales-notification{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-sales-notifications.css.map */