.storefront-notifications {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1090;
  width: min(480px, calc(100% - 32px));
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  display: grid;
  gap: 12px;
  pointer-events: none;
}
.storefront-notification {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  background: #fff;
  color: #041226;
  border: 1px solid #dce3ec;
  border-left: 4px solid #041226;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(4, 18, 38, .2);
  pointer-events: auto;
  font-size: 15px;
  line-height: 1.5;
}
.storefront-notification[data-notification-level="25"] { border-left-color: #15803d; }
.storefront-notification[data-notification-level="30"] { border-left-color: #b45309; }
.storefront-notification[data-notification-level="40"] { border-left-color: #fa040d; }
.storefront-notification-text { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.storefront-notification .btn-close { flex-shrink: 0; margin: 0; padding: 10px; }