/* All public-facing selectors are scoped to this unique plugin root, not to theme classes. */
#roohab-sales-notifications-root{
  position:fixed;z-index:2147483000;bottom:22px;left:22px;max-width:calc(100vw - 32px);
  pointer-events:none;font-family:inherit;font-size:16px;font-style:normal;text-align:left;direction:ltr;
  --roohab-sn-accent:#B8873A;--roohab-sn-bg:#fff;--roohab-sn-text:#1f2937;
  --roohab-sn-radius:12px;--roohab-sn-x:-32px;
  --roohab-sn-entry-duration:500ms;--roohab-sn-entry-easing:cubic-bezier(.22,1,.36,1);
}
#roohab-sales-notifications-root[data-position="bottom-right"]{
  left:auto;right:22px;--roohab-sn-x:32px;
}
#roohab-sales-notifications-root[data-position="top-left"]{bottom:auto;top:22px}
#roohab-sales-notifications-root[data-position="top-right"]{
  bottom:auto;top:22px;left:auto;right:22px;--roohab-sn-x:32px;
}
#roohab-sales-notifications-root,
#roohab-sales-notifications-root *,
#roohab-sales-notifications-root *::before,
#roohab-sales-notifications-root *::after{box-sizing:border-box}
#roohab-sales-notifications-root .roohab-sn-popup{
  all:initial;
  pointer-events:auto;position:relative;display:flex;align-items:center;gap:12px;
  width:365px;max-width:calc(100vw - 32px);min-height:91px;
  padding:12px 37px 12px 12px;background:var(--roohab-sn-bg);color:var(--roohab-sn-text);
  border-radius:var(--roohab-sn-radius);border:var(--roohab-sn-border-all,0);
  border-left:var(--roohab-sn-border-left,4px solid var(--roohab-sn-accent));
  box-shadow:var(--roohab-sn-box-shadow,0 12px 36px rgba(18,23,33,.18));
  font-family:inherit;font-size:13px;font-weight:400;line-height:1.45;text-align:left;direction:ltr;
  box-sizing:border-box;will-change:transform,opacity;
}
#roohab-sales-notifications-root .roohab-sn-link{
  all:unset;
  display:flex;align-items:center;gap:12px;min-width:0;width:100%;
  text-decoration:none!important;color:inherit!important;font:inherit!important;
  cursor:pointer;box-sizing:border-box;
}
#roohab-sales-notifications-root .roohab-sn-link::before,
#roohab-sales-notifications-root .roohab-sn-link::after,
#roohab-sales-notifications-root .roohab-sn-close::before,
#roohab-sales-notifications-root .roohab-sn-close::after{content:none!important;display:none!important}
#roohab-sales-notifications-root .roohab-sn-link:focus-visible{outline:2px solid var(--roohab-sn-accent);outline-offset:2px}
#roohab-sales-notifications-root .roohab-sn-image{
  all:unset;
  display:block;width:69px!important;height:69px!important;max-width:none!important;min-width:69px!important;
  flex:0 0 69px;object-fit:cover;border-radius:calc(var(--roohab-sn-radius) * .55);
  background:#f5f5f5;box-sizing:border-box;
}
#roohab-sales-notifications-root .roohab-sn-details{
  all:unset;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:5px;min-width:0;line-height:1.35;color:inherit;box-sizing:border-box;
}
#roohab-sales-notifications-root .roohab-sn-message{
  all:unset;
  display:inline;font-family:inherit;font-size:13px;line-height:1.45;
  font-weight:400!important;color:var(--roohab-sn-text);overflow-wrap:anywhere;word-break:normal;
}
#roohab-sales-notifications-root .roohab-sn-message .roohab-sn-token{font-weight:400!important;color:inherit}
#roohab-sales-notifications-root .roohab-sn-message .roohab-sn-token.roohab-sn-bold{font-weight:700!important}
#roohab-sales-notifications-root .roohab-sn-meta{
  all:unset;
  font-family:inherit;font-size:11px;color:var(--roohab-sn-text);opacity:.68;
  font-weight:500;display:flex;gap:6px;align-items:center;line-height:1.35;
}
#roohab-sales-notifications-root .roohab-sn-stock{
  all:unset;
  display:inline-flex;align-items:center;border-radius:4px;padding:2px 6px;
  background:color-mix(in srgb,var(--roohab-sn-accent) 12%,var(--roohab-sn-bg));
  color:var(--roohab-sn-text);font-family:inherit;font-size:11px;font-weight:700;line-height:1.45;
}
#roohab-sales-notifications-root .roohab-sn-close{
  all:unset;
  position:absolute;right:8px;top:6px;width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;
  margin:0!important;padding:0!important;background:transparent!important;
  border:0!important;box-shadow:none!important;color:var(--roohab-sn-text)!important;
  opacity:.65;cursor:pointer!important;font-family:inherit;font-size:21px!important;
  font-weight:400!important;line-height:1!important;border-radius:50%!important;
  box-sizing:border-box;text-align:center;
}
#roohab-sales-notifications-root .roohab-sn-close:hover,
#roohab-sales-notifications-root .roohab-sn-close:focus-visible{
  opacity:1;background:rgba(128,128,128,.11)!important;
}
#roohab-sales-notifications-root .roohab-sn-close:focus-visible{
  outline:2px solid var(--roohab-sn-accent);outline-offset:1px;
}
#roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-enter[data-animation="slide"]{
  animation:roohabSnSlideIn var(--roohab-sn-entry-duration) var(--roohab-sn-entry-easing) both;
}
#roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-enter[data-animation="fade"]{
  animation:roohabSnFadeIn var(--roohab-sn-entry-duration) var(--roohab-sn-entry-easing) both;
}
#roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-enter[data-animation="zoom"]{
  animation:roohabSnZoomIn var(--roohab-sn-entry-duration) var(--roohab-sn-entry-easing) both;
}
#roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-enter[data-animation="bounce"]{
  animation:roohabSnBounceIn var(--roohab-sn-entry-duration) var(--roohab-sn-entry-easing) both;
}
/* Exit animations mirror each entrance, and remain mounted until animationend. */
#roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-exit{
  animation:roohabSnSlideOut var(--roohab-sn-exit-duration,550ms) cubic-bezier(.22,.61,.36,1) both!important;
  pointer-events:none;
}
#roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-exit[data-animation="fade"]{
  animation-name:roohabSnFadeOut!important;
}
#roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-exit[data-animation="zoom"]{
  animation-name:roohabSnZoomOut!important;
}
#roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-exit[data-animation="bounce"]{
  animation-name:roohabSnBounceOut!important;
}
@keyframes roohabSnSlideIn{
  from{opacity:0;transform:translate3d(var(--roohab-sn-x),0,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes roohabSnFadeIn{from{opacity:0}to{opacity:1}}
@keyframes roohabSnZoomIn{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes roohabSnBounceIn{
  0%{opacity:0;transform:scale(.55)}50%{opacity:1;transform:scale(1.07)}
  75%{transform:scale(.97)}100%{transform:scale(1)}
}
@keyframes roohabSnSlideOut{
  from{opacity:1;transform:translate3d(0,0,0)}
  to{opacity:0;transform:translate3d(var(--roohab-sn-x),0,0)}
}
@keyframes roohabSnFadeOut{from{opacity:1}to{opacity:0}}
@keyframes roohabSnZoomOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}
@keyframes roohabSnBounceOut{
  0%{opacity:1;transform:scale(1)}
  22%{opacity:1;transform:scale(1.03)}
  100%{opacity:0;transform:scale(.86)}
}
@media(max-width:767px){
  #roohab-sales-notifications-root,
  #roohab-sales-notifications-root[data-position]{
    left:12px;right:12px;bottom:12px;top:auto;max-width:none;
  }
  #roohab-sales-notifications-root[data-position="top-left"],
  #roohab-sales-notifications-root[data-position="top-right"]{top:12px;bottom:auto}
  #roohab-sales-notifications-root .roohab-sn-popup{
    width:100%;max-width:none;min-height:82px;
  }
  #roohab-sales-notifications-root .roohab-sn-image{
    width:61px!important;height:61px!important;min-width:61px!important;flex-basis:61px;
  }
}
@media(prefers-reduced-motion:reduce){
  #roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-enter,
  #roohab-sales-notifications-root .roohab-sn-popup.roohab-sn-exit{animation:none!important}
}