.sf-hidden { display: none; }

/* extracted from legacy.css */
/* Storefront toast notifications */
.sf-toast-stack {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 1300;
  display: grid;
  gap: 8px;
  pointer-events: none;
}
.sf-toast {
  min-width: 250px;
  max-width: 340px;
  background: #17120a;
  color: rgba(244,239,228,.95);
  border: 1px solid rgba(200,166,66,.42);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0,0,0,.36);
  padding: 11px 13px;
  font-size: 12px;
  letter-spacing: .25px;
  transform: translateY(-8px);
  opacity: 0;
  transition: transform .22s ease, opacity .22s ease;
}
.sf-toast.show {
  transform: translateY(0);
  opacity: 1;
}
.sf-toast-success {
  border-color: rgba(200,166,66,.6);
}
.sf-toast-info {
  border-color: rgba(200,166,66,.4);
}

@media (max-width: 760px) {
  .sf-toast-stack {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .sf-toast {
    min-width: 0;
    max-width: none;
    width: 100%;
  }
}